1) Right click on the page (or ctrl (mac user)), and choose Inspect Element
2) Click on the Elements tab
3) Right click on the HTML element and choose "Edit as HTML"
4) Do whatever you want and press ENTER, now you have everything saved.
You can manipulate the DOM in any way possible. Such as adding nodes, deleteting nodes. You can alter CSS and see network traffic.
(ref: http://www.google.com/support/forum/p/Chrome/thread?tid=2cc92bb429395ec8&hl=en)
B)some developer extensions for Chrome
iMacro:
https://chrome.google.com/webstore/detail/cplklnmnlbnpmjogncfgfijoopmnlemp?hl=fr
NoteBook Professional (Images, Text, HTMLs, Note anything you want, A powerful HTML editor, have easy accsess to Google NoteBook or Google Docs):
https://chrome.google.com/webstore/detail/elkgcninebemfhajfhmiffbndloiacbe?hl=fr#
HTML Instant:
https://chrome.google.com/webstore/detail/hfgifphlikdnjfcegkkmhohddfjhnpjd?hl=fr
http://htmlinstant.com/
live editor:
https://chrome.google.com/webstore/detail/lmbnpidmeknioaojjlbneohdflgilhnf
Scraper is a Google Chrome extension for getting data out of web pages and into spreadsheets.
Scraper is a simple data mining extension for Google Chrome™ that is useful for online research when you need to quickly analyze data in spreadsheet form.
https://chrome.google.com/webstore/detail/mbigbapnjcgaffohmbkdlecaccepngjd?hl=fr
https://github.com/mnmldave/scraper/blob/master/LICENSE.txt
service page s(about: or chrome:)
https://chrome.google.com/webstore/detail/fjmhjjohhiehaoljianalpmfcceojaff?hl=fr
Chrome Sniffer
https://chrome.google.com/webstore/detail/homgcnaoacgigpkkljjjekpignblkeae?hl=fr
The Web Developer EXTENSION for firefox and chrome:
http://chrispederick.com/work/web-developer/
download the extension for chrome:
https://chrome.google.com/webstore/detail/bfbameneiokkgbdmiekhjnmfkcnldhhm#
The Web Developer extension adds various web developer tools to a browser. The extension is available for Firefox and Chrome, and will run on any platform that these browsers support including Windows, Mac OS X and Linux.
The Web Developer extension adds a toolbar button to the browser with various web developer tools. This is the official port of the popular Web Developer extension for Firefox written by the same person.
firebug lite:
https://chrome.google.com/extensions/detail/bmagokdooijbeehmkpknfglimnifench
C)Some Apps in chrome:
Sourcekit (with dropbox):
https://chrome.google.com/webstore/detail/iieeldjdihkpoapgipfkeoddjckopgjg?hl=fr
Embedded is the excellent Ajax.org's Ace text editor component. This allows for a very natural text editing experience while retaining Chrome's amazing JavaScript performance.
BeFunky Photo Editor allows everyday people to easily create photographically rich and artistic results from their digital images without the need for any technical knowledge.
Photo Effects: Get Creative with 190 easy-to-use photo effects in 30 different categories.
Photo Editing Tools: Adjust: contrast, brightness, exposure, hue, saturation and colors. Fix common photo problems like bad lighting, digital noise, fuzzy colors and details with one click.
Add speech bubbles, frames and cool shapes: Give your digital creations extra character and pizzazz with BeFunky Goodies, Frames and Text tools.
Photo Storage and Tracking: Keep track of your previous uploads and store an unlimited number of your edits.
Save and Share: Save your creations to your computer or share them on your favorite social networking and photo sharing sites.
3Dtin:
No comments:
Post a Comment