Monday, November 14th, 2005
Mouseover DOM Inspector
Category: Utility
After you select the bookmarklet, the page is in debug mode, allowing you to gather data in the document.
There are a number of commands that allow you to do things like:
- Clone the currently highlighted object and its children.
- Toggle object width from auto (fluid) to its original width.
- Toggle Freeze Mode. The favelet will remain active, but the Data Window will not follow the cursor. This is the default startup mode for the favelet.
- Hide the currently selected element.
- View and edit the HTML source of the current element.
Related Content:
5 rating from 1 votes
Do you have a link to this? thanks.
Googling a little you can find…
http://slayeroffice.com/?c=/content/tools/modi.html
Here you go: http://slayeroffice.com/tools/modi/v2.0/modi_help.html
Hah, sorry about that.
The link is in there now (and on the comments. Thanks guys!)
Dion
Cool stuff! Although you can copy paste the results from source, i think i would be nice to have a function to post he changed html to your own server (where a php script or so is waiting). In this way you can quickly show your collegues what changes you propose to a site, or highlight a part of a site, etc.
This tool is really nice!
@Bert: Put your html page on a webdav drive. Browse it in the Browser. Use MODI to change it. Press Ctrl+S (“Which is Option on the Mac”) to save it at the exact same WebDAV drive, which you mapped for convennience to your File-Explorer.
WebDAV comes nowadays with even the cheapest Webhosting packages that even do not include PHP or MySQL. That the pet-project setup.
The enterprise version: Use an Apache2 with Subversion and access it through WebDAV and once you deleted important content, the Admin can revert the revision. The user do not even have to know what subversion is nor what CMS stands for.