I have my Javascript code by which I can find the properties of components in a webpage. When I do CTRL + click on any button or link or text box I can get the properties like the name,id, values etc of that component. But I want to find out the properties of component of any web page I open in browser. eg. I open http://www.google.com then I should be able to find out the property of the components on that page. My question is that how to execute my Javascript for other websites and their webpages. Can this be done.. Please help I need some guidance in doing this task..
Use Firebug, surf to the webpage and add your Javascript to the Script tab. Then call whatever function you want by typing javascript:functionName(); into the browser location bar
Or, you can just use Firefox with the Webdeveloper Toolbar installed - gives you complete access to CSS for each element, the values, IDs etc. etc.
Indeed. I still prefer the toolbar if I'm gonna chose one - although the best would be to use both Since the toolbar has very simple access for dealing with sessions and cookies, the ability to disable several different elements, check the validity of html and css etc. etc. by the click of a button (or chosing from a list).
webdev toolbar is better / easier for dom walking/inspection with regards to styling/css. press ctrl-shift-f or ctrl-shift-y then click on any element.