css - How to inject a into the head section of a page with a Chrome extension, using a content script -



css - How to inject a <style> into the head section of a page with a Chrome extension, using a content script -

i'm trying create simple extension, inserts this;

<style> span.watch-view-count:hover {opacity: 1;} span.watch-view-count {opacity: 0;} </style>

right before body on youtube page visit. tried using content script inject code above, first tried putting code in css file called mycsscode.css , adding manifest.json file this:

"js": ["script.js"]

but i'm pretty sure nil happened, since viewed source , couldn't find code anywhere.

then tried next first method in reply question changed script.js script.css hoping work, nope didn't i'm stuck.

this codes have far; manifest.json file:

{ "name": "youtube views hider", "version": "1.0", "manifest_version": 2, "description": "a plain text description", "permissions": [ "*://youtube.com/*/", "tabs"], "content_scripts": [{ "matches": ["*://youtube.com/*/"], "js": ["myscript.js"]} ] }

myscript.js:

var s = document.createelement('script'); s.src = chrome.extension.geturl("script.css"); s.onload = function() { this.parentnode.removechild(this); }; (document.head||document.documentelement).appendchild(s);

note: i'm illiterate when comes coding lingo, please set in layman's terms.

if inserting/changing css, don't bother javascript. alter manifest to:

{ "name": "youtube views hider", "version": "1.0", "manifest_version": 2, "description": "a plain text description", "content_scripts": [ { "matches": ["*://*.youtube.com/*"], "css": ["mycss.css"] } ] }

where mycss.css just:

span.watch-view-count {opacity: 0 !important;} span.watch-view-count:hover {opacity: 1 !important;}

note:

changed matches value work on actual youtube url's -- have form: http://www.youtube.com/watch?... note utilize of !important keyword. if insist on programmatic injection, see "how inject css using content script file in chrome extension?".

ps: if want alter page's or css, the stylish extension fastest easiest way in either chrome or firefox. there thousands of pre-made styles available @ userstyles.org.

css google-chrome-extension content-script

Comments

Post a Comment

Popular posts from this blog

web services - java.lang.NoClassDefFoundError: Could not initialize class net.sf.cglib.proxy.Enhancer -

web services - java.lang.NoClassDefFoundError: Could not initialize class net.sf.cglib.proxy.Enhancer - when trying request rest service @ time of response getting exception.. feb 21, 2013 2:34:49 pm com.sun.jersey.spi.container.containerresponse mapmappablecontainerexception severe: exception contained within mappablecontainerexception not mapped response, re-throwing http container java.lang.noclassdeffounderror: not initialize class net.sf.cglib.proxy.enhancer @ org.hibernate.proxy.pojo.cglib.cgliblazyinitializer.getproxyfactory(cgliblazyinitializer.java:117) @ org.hibernate.proxy.pojo.cglib.cglibproxyfactory.postinstantiate(cglibproxyfactory.java:43) @ org.hibernate.tuple.entity.pojoentitytuplizer.buildproxyfactory(pojoentitytuplizer.java:162) @ org.hibernate.tuple.entity.abstractentitytuplizer.<init>(abstractentitytuplizer.java:135) @ org.hibernate.tuple.entity.pojoentitytuplizer.<init>(pojoentitytuplizer.java:55) @ org.hibernate.tuple.e...
Read more

Accessing MATLAB's unicode strings from C -

Accessing MATLAB's unicode strings from C - how can access underlying unicode info of matlab strings through matlab engine or mex c interfaces? here's example. let's set unicode characters in utf-8 encoded file test.txt, read as fid=fopen('test.txt','r','l','utf-8'); s=fscanf(fid, '%s') in matlab. now if first feature('defaultcharacterset', 'utf-8') , c engevalstring(ep, "s") , output text file utf-8. proves matlab stores unicode internally. if mxarraytostring(enggetvariable(ep, "s")) , unicode2native(s, 'latin-1') give me in matlab: non-latin-1 characters replaced character code 26. need getting access underlying unicode info c string in unicode format (utf-8, utf-16, etc.), , preserving non-latin-1 characters. is possible? my platform os x, matlab r2012b. addendum: documentation explicitly states "[mxarraytostring()] supports multibyte encoded characters...
Read more

javascript - mongodb won't find my schema method in nested container -

javascript - mongodb won't find my schema method in nested container - i trying access method of schema stored within mixed container. here situation : have cases model can many different things, have schema each of these things stored in "casecontent" mixed property. var caseschema = mongoose.schema({ casecontent : {}, object : {type:string, default : "null"}, collision : {type : boolean, default : false} }); the casecontent property filled model of 1 of schemas, 1 exemple : var treeschema = new mongoose.schema({ applecount : {type : number, default : 3} }); treeschema.methods.dostuff = function (data) { console.log('hey, listen'); homecoming true; }; then, want utilize method of schema original container : caseschema.methods.dostuff = function (data) { if (this.casecontent.dostuff !== undefined) { this.casecontent.dostuff(); console.log('it worked'); } else { ...
Read more