I would like to test out CSS on a webpage that I don't have direct access to. Does anyone know how to achieve this ?
So I write my CSS, and on save, that code is used on the webpage. Of cause this will only happen on my local machine
3
-
Asking for recommendation of a tool is considered as off-topic mate. Hence, voted to close.Harry– Harry2014-08-13 11:45:50 +00:00Commented Aug 13, 2014 at 11:45
-
so where can I write off topic questions ?Johansrk– Johansrk2014-08-13 12:06:57 +00:00Commented Aug 13, 2014 at 12:06
-
2on your desk and give it to your wife or girlfriend, lol...Grasper– Grasper2014-08-13 12:25:29 +00:00Commented Aug 13, 2014 at 12:25
Add a comment
|
1 Answer
You could use a simple Bookmarklet, similar to how various jQuery Injectors work.
http://mcdlr.com/css-inject/ might do the trick. For something a bit more dynamic (which takes a URL to a CSS file), check out this jsfiddle I've whipped up! It shouldn't be too hard to modify to pass in inline styles, etc.. so should be a good starting point.
javascript:var%20csshref=prompt('enter%20css%20url');var%20s=document.createElement('link');s.setAttribute('href',csshref);s.setAttribute('type','text/css');s.setAttribute('rel','stylesheet');document.getElementsByTagName('body')[0].appendChild(s);void(s);
Re your comment...
You can just use F12 Dev Tools. Chrome, Firefox and IE are all quite good now. (My preference is Chrome).
