Javascript в браузере и в скрипте содержимого - «die» не работает

Question

Я пытаюсь запустить команду javascript в сценарии содержимого с помощью Personalized-Web (расширение Chrome). Я новичок в яваскрипте & JQuery, но я обнаружил, что ввод этого кода:

javascript:jQuery("div.photo-container").die(); 

в мою строку браузера на определенной странице достигает желаемый результат: он расстегивает на .live вызов выполняется в одном из данной страницы JavaScripts.

Однако, если я включаю тот же код или $("div.photo-container").die(); в сценарий содержимого, он не работает. Я также попытался включая этот тег сценария в контексте страницы:

<script type="text/javascript"> 
    $("div.photo-container").die(); 
</script> 

и хром утверждает, что $ или jQuery не определены. Однако, собственные javascripts страницы не include или, как я могу судить, в любой момент ссылаются на источник jQuery.

Итак, в чем разница между панелью браузера, сценарием контента и тегом на странице <script>? Как я могу использовать один из «автоматических» методов (т. Е. Не вставлять его в панель браузера)?

Answer 1

Если вы вставляете этот тег скрипта на страницу, он должен работать. Например:

// Runs in the context of the webpage. 
var injectScript = function() { 
    $("div.photo-container").die(); 
} 

// Runs in the context of the content script. We basically just append the DOM 
// with the injected script and execute it so it will run. 
var script = document.createElement('script'); 
script.appendChild(document.createTextNode('(' + injectScript + ')();')); 
document.body.appendChild(script); 

Вышеприведенное должно работать, если ваша страница определила $. Если $ не существует, это означает, что jQuery еще не загрузился. Убедитесь, что ваш манифест имеет значение document_end.

... 
"content_scripts": [ 
    { 
    "matches": ["http://www.rim.com/*"], 
    "js": ["content_script.js"], 
    "run_at": "document_end" 
    } 
], 
... 

Если это не сработает, то иногда в зависимости от сайта, это хорошо ленивой нагрузки или смарт нагрузки до содержания (сценарий) загружается, потому что вебдизайнер асинхронно загрузки скриптов или контента. В этом случае выполните некоторые исследования, чтобы узнать, как загружается jquery. Например, выполните таймер с setTimeout или событиями DOM, чтобы выяснить, когда пришло время запуска вашей инъекции. Я делаю это много раз на сложных сайтах, таких как Google+ Extensions.