Inspect Element in chrome
Does anybody know how to make Inspect Element changes in Chrome permanent?
EDIT: to clarify, I meant so that I can see the element changes on my screen everytime I visit the site.
September 13, 2013
10 Comments • Newest first
[quote=carbunion]@rushed: js console is just to test that my script still works using your adblocker. Open a new basil page and press ctrl+shift+j and copy the line of code in and see if it actually changes the spacing.
Regarding making the extension, I think you can still use the example extension I linked, except change both permissions and matches from using "http://*/*" to "http://www.basilmarket.com/*"
And then myapp.js would just have one line instead of whatever they had:
document.getElementById('fxWrap').children[1].style.height="0px";[/quote]
So firstly; I used the JS console, and the script worked.
I made the manifest.json, but for the myapp.js, do I delete [b]everything[/b] and replace it with document.getElementById('fxWrap').children[1].style.height="0px"?
EDIT : I just got it to work! Many thanks
[quote=carbunion]@rushed: Hm I'm not sure if stylish would be able to do that.
But you can write an extension that only triggers on basilmarket.com and executes this js:
document.getElementById('fxWrap').children[1].style.height="0px"
edit: FYI, the vertical 90px reserved with 125px float is intended for the 720x80 banner ad that funds this site. I'm guessing you already have that removed somehow which might change which DOM elements are children of the fxWrap div, so you can test that in the js console first to see it works.[/quote]
At your edit, yup, I know. I have absolutely no idea what I'm doing with javascript and extensions, so this information is overwhelming me.
So do I put document.getElementById('fxWrap').children[1].style.height="0px" into the js console? And how do I use this javascript console?
@carbunion:
Basically on BasilMarket, there's a gap between the black bar and the rest of the page. When in the Element Inspector, I wanted to change the element to a height of 0px instead of 90px.
@carbunion:
One question; do you know how to use the Stylish chrome extension in order to change the elements?
[quote=fun2killu]@rushed: i just googled your question[/quote]
Okay. Thanks anyways
@rushed: i just googled your question
@fun2killu
From your link... I'm assuming you're referring to Stylish. How do I go about making a change in Inspect Element and saving it?
@carbunion
If you don't mind, could you walk me through it?
http://www.quora.com/How-can-I-save-changes-I-made-to-a-site-using-Chromes-Inspect-element
@katywashere
[quote=fun2killu]don't think u can make it perm but i know u can save it[/quote]
when you say save it, do you mean saving the HTML file?
don't think u can make it perm but i know u can save it