How to get a content script to run again when a link is followed

Question

I've got a content script that works successfully when I load edmodo.com, but when I follow a link in the posts the script doesn't modify the new content. I know I've got to be missing something obvious, but I'm still learning how Chrome Extensions work. I appreciate any suggestions.

manifest.json

{
  "name": "Spell Check Disabler",
  "version": "1.0",
  "description": "Prevents Chrome's spell check in text boxes on Edmodo.com",

  "content_scripts": [
    {
      "matches": ["*://*.edmodo.com/*"],
      "js": ["jquery-3.1.0.min.js","page.js"]
    }
  ],

  "permissions": [
   "activeTab"
   ],

  "manifest_version": 2
}

page.js

$(document).ready(function(){

    console.log("DOM: " + Date());  //just checking to see if it loads

    $("input").focus(function(){
        $(this).attr('spellcheck', false);
    });
    $("input").blur(function(){
        $(this).attr('spellcheck', false);
    });

    document.body.style.background = 'yellow';  //another indicator to see if it loaded
});

document.title = 'spellcheck disabled'; //another indicator to see if it loaded

The page background turns yellow, and remains yellow after I click a link, but the page title changes to reflect the new page and I don't get any new entries in the console.

I've tried fussing around with background scripts and chrome.webNavigation listeners to no success.

FWIW, the URL of the page starts as https://www.edmodo.com/home#/ and the link I click on includes a button that links to href="/home#/quiz/start/quiz_run_id/12078109"

Thanks -keen

@dprogramz I did try that, and I couldn't get that to trigger at all. — cmdr_keen
– cmdr_keen, Commented Sep 19, 2016 at 21:45
Thanks @wOxxOm. The solution in your link posted by apsillers that uses the MutationObserver was exactly what I needed. It's much more elegant than the methods I was trying. — cmdr_keen
– cmdr_keen, Commented Sep 19, 2016 at 22:10
wow MutationObserver is really useful, didn't even know about it, thx — Dani
– Dani, Commented Sep 20, 2016 at 21:11

Alexander O'Mara · Accepted Answer · 2016-09-19 21:00:31Z

0

Clicking a link from https://www.edmodo.com/home#/ to /home#/quiz/start/quiz_run_id/12078109 won't cause navigation, so there isn't really a link to follow. All it does is change the location hash. That's why your script does not run again, it's still the same document.

Your links are most-likely being handled by JavaScript, and you need to either run your code again on those click events (or at some point afterwards, when other content is loaded), or perhaps just use event delegation so that your event listeners are applied to future elements.

answered Sep 19, 2016 at 21:00

Alexander O'Mara

60.9k19 gold badges176 silver badges184 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to get a content script to run again when a link is followed

manifest.json

page.js

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

manifest.json

page.js

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related