javascript - Chrome extension not working on specific websites -

javascript - Chrome extension not working on specific websites -

my chrome extension looks phone number on webpage not working. essentially, expect icon appear besides number. works on other websites, not on google.com search results page. e.g.: https://www.google.com/#q=macy's%20redmond know why?

here code.

reverphonescript.js:

var hostname = document.location.hostname; if (hostname.indexof('xp')== -1) { // initiate recursion wpreversephonelookup(document.body); function wpreversephonelookup(elem) { // elem must element node var nodes = elem.childnodes , = nodes.length , regexp = /([\(]|)\d*([\+)]|)\d*[-\.\(\ ][0-9][0-9][0-9][-\s\.\)]*(([0-9][0-9][0-9][-\s\.][0-9][0-9][0-9][0-9])|([ ][1-9][0-9][0-9][0-9][0-9][0-9][0-9])|[1-9][0-9][0-9][0-9][0-9][0-9][0-9])]*/gi , node, phonenode, a, result; while (node = nodes[--i]) { if (node.nodetype === 1) { // skip anchor tags, nested anchors create no sense //if (node.nodename.touppercase() !== 'a') wpreversephonelookup(node); } else if (node.nodetype === 3) { // please note regexp has no global flag, // , `node.textcontent` shrinks when address found while (result = regexp.exec(node.textcontent)) { //console.log(result); node = node.splittext(result.index); node = node.splittext(result[0].length); phonenode = node.previoussibling //console.log(phonenode) var link = "https://pro.lookup.whitepages.com/phones?number=" + result[0]; var imgurl = chrome.extension.geturl("images/rsz_wp_16.png"); var img = new image(); img.src = imgurl; img.classname = "wpchromeextensionimg"; img.onclick = function() { window.open( link ,"_blank" ,"width=1000, height=650"); }; document.getelementsbyclassname("wpchromeextensionimg").src = imgurl; //create link wplink = document.createelement('a'); wplink.href = '#'; //append phonenode wplink.appendchild(img) var refnode = phonenode; refnode.parentnode.insertbefore(wplink, refnode.nextsibling); } } } } }

and manifest.json:

{ // required "manifest_version": 2, "name": "xp", "version": "1.0", "description": "xp reverse phone lookup. ", "icons": { "128": "images/rsz_xp_128.png" }, "web_accessible_resources": [ "images/*.png", "js/reversephonescript.js" ], "browser_action": { "default_icon": { "19": "images/rsz_wp_19.png" }, "default_title": "xp reverse phone lookup" }, "permissions": [ "tabs", "http://*/*", "https://*/*" ], "content_scripts" : [ { "matches" : ["http://*/*", "https://*/*"], "js" : ["js/reversephonescript.js"], "run_at" : "document_idle", //document_end "all_frames" : false } ] }

any help much appreciated.

thanks, kushal.

use chrome "inspect" tool find icon in page. utilize ctrl-f find icon in page. https://developer.chrome.com/devtools/index

some css might moving icon far left of screen, or much simply, no z-index tag applied icon might hiding behind else. http://www.w3schools.com/cssref/pr_pos_z-index.asp

javascript google-chrome google-chrome-extension