javascript - ページ上の URL を検索する Javascript

Question

どこから始めればよいかわかりません。ページの読み込み時に、テキストの文字列が含まれていることがわかっているURLをページで検索する、クロム拡張として実行されるjavascriptを作成しようとしています。完全な URL を返すようにスクリプトを作成する必要があります。これを行う方法について何か考えはありますか？

Answer 1

あなたの質問が提供する少量の情報に基づいて、あなたのために働くかもしれない例を次に示します。サードパーティのライブラリは使用せず、バニラ JavaScript のみを使用します。各一致を配列に配置します。

HTML

<div> <a href="http://some.where/aaa">a</a>
</div>
<div> <a href="http://some.where/bbb">b</a>
    <div> <a href="http://some.where/ccc">c</a>
    </div>
    <div> <a href="http://some.where/ddd">d</a>
        <div> <a href="http://some.where/eee?x=1234">e</a>
        </div>
    </div>
</div>
<div> <a href="http://some.where/fff">f</a>
</div>
<div> <a href="http://some.where/eee?x=4321">e</a>
</div>

Javascript

var searchString = "eee";
var hrefs = [];

Array.prototype.forEach.call(document.getElementsByTagName("a"), function (element) {
    var href = element.href;

    if (href.indexOf(searchString) !== -1) {
        hrefs.push(href);
    }
});

console.log(hrefs);

jsfiddleについて