1

指定された URL のすべての div タグを検索する chrome 拡張機能を作成しています。しかし、私はこれにどのようにアプローチするか非常に混乱しています。コンテンツ スクリプトを使用する必要がありますか? その場合、バックグラウンド ページにタグの数を確実に渡すにはどうすればよいですか? また、バックグラウンド HTML ページで XMLHttpRequest を使用して、URL の div タグを見つけることは可能ですか?

4

1 に答える 1

1

それが唯一の要件であり、指定されたパブリックURLからdivタグを見つける場合は、前述のようbackground.htmlにXHRを使用してページでそれを行うことができます。

このようなもの：

var xhr = new XMLHTTPRequest();
...
xhr.send(null);
var query = xhr.responseXML.querySelectorAll('div');
console.log('You have found ' + query.length + ' DIV tags!';

たくさんのRSSリンクを読む前に、XHRからのresponseXMLを利用できるように、応答タイプもXMLであることを確認してください。DOMParserまたは、クラスを使用して実行することもできます

var parser = new DOMParser();
// Maybe you have to play with text/xml
var dom = parser.parseFromString(xhr.responseText, "text/xml") 
var query = dom.querySelectorAll('div');
console.log('You have found ' + query.length + ' DIV tags!';

コンテンツが動的であり、その時点でDIVのリストを取得したい場合は、コンテンツスクリプトを使用して、これだけを挿入する必要があります。

document.body.querySelectorAll('div');
console.log('You have found ' + query.length + ' DIV tags!';

そのユーザーをトリガーする必要があると想定しているので、拡張メッセージパッシングを見て、拡張からコンテンツスクリプトにメッセージを送信して、これをトリガーできるようにする方法を確認してください。

それがあなたに少し役立つことを願っています！

于 2012-02-24T20:38:12.990 に答える