javascript - Chrome extension DOM Manipulation doesn't work all the time -


so i'm trying learn javascript while messing around building chrome extension. i'm trying simple dom manipulation removing elements , adding buttons site. got working problem reason dom manipulation doesn't happen time. i'd have refresh page , work sometimes. not sure what's going on.

manifest.json

{   "name": "twitch filter",   "version": "1",   "description": "filters out streamers , games www.twitch.tv",   "background": {"page": "background.html"},   "manifest_version": 2,   "browser_action": {     "name": "twitch filter",     "icons": ["icon.png"],     "default_icon": "icon.png"   },   "content_scripts": [ {     "js": [ "jquery.js", "background.js"],     "css": ["customstyles.css"],     "matches": [ "http://www.twitch.tv/directory/all", "https://www.twitch.tv/directory/all", "https://www.twitch.tv/directory/random", "http://www.twitch.tv/directory/random"],     "run_at": "document_end"   }] }

background.js

var blockedusers= ['/test']; var blockedtypes = ['test'];  $(document).ready(function() {    console.log("loaded");   blockgames(blockedtypes);   blockstreamers(blockedusers);   addblockuserbuttons();    mutationobserver = window.mutationobserver;    var observer = new mutationobserver(function(mutations, observer) {       // fired when mutation occurs       blockgames(blockedtypes);       blockstreamers(blockedusers);       addblockuserbuttons();       // ...   });    // define element should observed observer   // , types of mutations trigger callback   var target = document;   var config = {subtree: true, attributes: false, childlist: true, characterdata:false};   observer.observe(target, config); });  function blockstreamers(blockedusers) {   var streamusernames = document.queryselectorall('a.cap');   for(i = 0; < streamusernames.length;i++)   {       var item = streamusernames[i];       var blockedboolean = $.inarray(item.getattribute('href'), blockedusers);       if (blockedboolean != -1) {         $(item).closest('div[class^="stream item"]').remove();       }   } };  function blockgames(blockedtypes) {   var streamboxarts = document.queryselectorall('a.boxart');   for(i=0; < streamboxarts.length;i++)   {     var item = streamboxarts[i];     var blockedboolean = $.inarray(item.getattribute('title'), blockedtypes);     if (blockedboolean != -1) {       $(item).closest('div[class^="stream item"]').remove();     }   } };  function addblockuserbuttons() {   var userslist = $('p.info').children('a');   for(i = 0; < userslist.length;i++) {     var user = userslist[i];     var streameusername = user.getattribute('href').replace('/profile', '');     var blockidname = 'blockuser_link_' + streameusername.replace('/','');     var newnode = document.createelement('a');     newnode.setattribute('href', '#');     newnode.setattribute('id', blockidname);     $(newnode).text('block');     user.parentnode.insertbefore(newnode, user.nextsibling);     document.getelementbyid(blockidname).addeventlistener('click', createblockuserfunc(streameusername));   } };  function createblockuserfunc(i) {     return function() {       blockuser(i);     }; }  function blockuser(streamer){   blockedusers.push(streamer);   blockstreamers(blockedusers); };

it's possible there's unusual site in question causes dom not become ready unusual length of time, , content scripts not running because you've set them run @ document_end. might try seeing if switching document_idle makes difference. also, might try simple test having content script console.log('hello world') , verifying script running on page; if works can progressively add more code hello world script full actual code, , should find point @ starts breaking.


Comments

Post a Comment

Popular posts from this blog

javascript - Bootstrap Popover: iOS Safari strange behaviour -

i looking through twitter bootstrap documentation, , i'm interested in implementing dismissible popover when button clicked. here example bootstrap's docs: http://getbootstrap.com/javascript/#dismiss-on-next-click when press "dismissible popover" button os x safari browser works fine. when access same link above ios safari, button not work. is, popover not dismissed on click. why button not working ios safari? the example linked using data-trigger="focus" attribute. try changing data-trigger="click" . <a tabindex="0" class="btn btn-lg btn-danger" role="button" data-toggle="popover" data-trigger="click" title="dismissible popover" data-content="and here's amazing content. it's engaging. right?">dismissible popover</a>
Read more

Magento/PHP - Get phones on all members in a customer group -

i working on custom magento extension. working around adminhtml part , i've created custom form there. here form code: <?php class vivasindustries_smsnotification_block_adminhtml_sms_sendmass_edit_form extends mage_adminhtml_block_widget_form { public function _preparelayout() { $extensionpath = mage::getmoduledir('js', 'vivasindustries_smsnotification'); $head = $this->getlayout()->getblock('head'); $head->addjs('jquery.js'); $head->addjs('vivas.js'); return parent::_preparelayout(); } protected function _prepareform() { $form = new varien_data_form(array( 'id' => 'edit_form', 'action' => $this->geturl('*/*/save', array('id' => $this->getrequest()->get...
Read more

session - Logging Out Using PHP -

i have seen other programs regarding can't seem make work. doing wrong? want achieve after user logged out, going previous pages become restricted. i have 3 php files: 1. sample.php - main page username , password filled in 2. successful.php - user's page after logging in 3. logout.php - destorys session hinder user access pages after logging out sample.php </html> <form action="" method="post"> <table> <tr> <td>username:</td> <td>password:</td> </tr> <tr> <td><input type="text" name="username"></td> <td><input type="password" name="password"></td> </tr> <tr> <td><input type="submit" value="submit" name="submit"></td> </tr> </table> </form> </html> <?php $servername = "localhost"; $username = ...
Read more