Forum Moderators: not2easy
I think I'm just spoilt by Firebug...
It's also fantastic if you want to debug Javascript.
Take a look, i am sure it will impress.
Del
Firebug is a very useful firefox extension, the only problem is you can not save directly to the file AT THE MOMENT.It's also fantastic if you want to debug Javascript.
Take a look, i am sure it will impress.
Del
The OP said for IE 7 - not to also mention her already having Firebug :)
The only thing I know of for IE 6 + 7 was the Developer Toolbar and using the 'View DOM' bit to add CSS in (I believe it chucks it in as a style="" attribute. Not ideal, but when the tools are poor...)
:)
The best solution I had found previously was the Test Styles function from the AIS web accessibility toolbar available for IE, but this doesn’t work in 7.
s/her/him ;)
Ooops... sorry Robin_reala! :/
DanA: DebugBar looks good, but still doesn’t seem to do what I want: allow me to type in random CSS rules into a window and see the results applied directly in the main window.
[edited by: Robin_reala at 11:38 pm (utc) on Mar. 8, 2007]
About the Debugbar : The requested feature is in our todo list.
We are currently working hard on a greatly improving the http tab feature (viewing http headers) with some unique feature : This is version 4.1. (version beta almost finished, and will be on the wiki site soon for anyone who want to test it)
The next release (maybe 4.2, or 5.0 we don't know yet) will focus on improving css management (live editing, try and test, view styles applied, etc...)
Of course, any feedback and suggestions are welcome on the wiki : [my-debugbar.com...]
The next versions will still be free (for personal use).
Regards and thank you for ll the feedback.
Thanks for the feedback - I'll be sure to keep an eye on debugbar as it progresses.
javascript:(function(){function init(){var newline=unescape("%"+"0A");dead=false;oldCSS=null;x=opener;ta=document.f.ta;ta.select();ta.value="/* Type CSS rules here and they will be applied to"+newline+"whatever page is loaded in that tab, as long as the pages"+newline+"are from '"+location.host+"'"+newline+"and you keep this window open. */"+newline+newline;update();}function update(){try{if(!x¦¦x.closed){ta.style.backgroundColor="#ddd";return;}x.bookmarkletStyleSheet;}catch(er){ta.style.backgroundColor="#fdc";setTimeout(update,150);dead=true;return;}if(dead){dead=false;ta.style.backgroundColor="";oldCSS=null;}if(!x.testStyles){var newSS;newSS=x.document.createElement("link");newSS.rel="stylesheet";newSS.type="text/css";x.document.getElementsByTagName("head")[0].appendChild(newSS);x.testStyles=newSS;oldCSS=null;}if(oldCSS!=ta.value){oldCSS=ta.value;if(window.opera)x.testStyles.href="javascript:unescape('"+escape(ta.value)+"')";else if(navigator.userAgent.indexOf("MSIE")!=-1)x.testStyles.href="javascript:unescape('"+escape(escape(ta.value))+"')";else x.testStyles.href="data:text/css,"+escape(ta.value);}setTimeout(update,150);}y=window.open('','','resizable,width=500,height=300');y.document.write('<title>New CSS Style Sheet</title><style>.ec { width: 100%; height: 100%; border: none; margin: 0px; padding: 0px; }</style><body class="ec"><form name="f" style="margin: 0px;" class="ec"><textarea name="ta" wrap="soft" style="margin: 0px; border: 0px; width:100%; height:100%;" class="ec"></textarea><script>'+update+init+'init();<'+'/script>');y.document.close();})()
AFAIK this is to long to be copied in and called by a favorite.
My solution is to place the javascript code in a file (eg: C:\js-scripts\newcss.js ) and link/include with from another bookmarklet:
javascript:(function(){var j=document.createElement('script');j.type='text/javascript';j.src='C:\\js-scripts\\newcss.js';j.id='scriptappended';with(document.getElementsByTagName('head')[0]){appendChild(j);removeChild(j)}})()
Note: the editCSS bookmarklet is taken from Jesse Ruderman's bookmarklets pages.
[edited by: SuzyUK at 4:28 pm (utc) on Mar. 9, 2007]
[edit reason] disabled smileys for code [/edit]
