フリーランスのためのネットビジネス専門学校 ネットで独立開業を目指す人を応援
フリーランスのためのネットビジネス専門学校 ネットで独立開業を目指す人を応援

Google Chrome Extention講座 第三回「見ているページのリンクを全て取得する」

Google Chrome Extention講座 第三回「見ているページのリンクを全て取得する」

前回は単にダイアログが開いて同じメッセージを表示するだけのつまらない拡張機能でしたが、今回はもうちょっと役に立ちそうなものに発展させます。

「script.js」を以下のように書き換えます。

$( function()
{
	//ページ内のa要素の数だけループする
	$( "a" ).each( function()
	{
		//a要素のhref属性を取得する
		var $url = $( this ).attr( "href" );

		//コンソール画面(Ctrl + Shift + Jキー)に表示する
		console.log( $url );
	});

});

ページを開いてそこに「<a>タグ」があればその数だけループします。
「<a>タグ」の「href属性」にリンク先が記述されているので、それを取得しコンソール画面に出力します。
リンクの数が非常に多い場合はダイアログにするといつまで経っても終わらないので、コンソール画面だけに出力しています。
コンソール画面はデバッグができる画面で、[ Ctrl + Shift + Jキー ] で開くことが出来ます。

こんな感じでリンク先URLが取得できるはずです。

コンソール画面に出力されたリンク
コンソール画面に出力されたリンク

コメント

  1. 2018/08/03(金) 13:18:39
    【画面メモ】ガラケーにあったページ全体が保存される画面メモ機能が欲しい!キャプチャじゃページのリンクが死んじゃう.orzどちらも解決!画面メモ https://t.co/iC0cFL5RG6
  2. 2018/08/03(金) 13:18:39
    #FamBam 限定会員ページ FamBam News fambam限定イベント #Confidential 案内がアイコン青と緑で別にリンクできてる。まずは青のFamBam Suiteコース会員の当落は今日15時。お願い、当たりますように。ってか、外れたら暫く立ち直れない、、( ̄◇ ̄;) @DeanFujioka #ディーンフジオカ #藤岡靛
  3. 2018/08/03(金) 13:18:39
    @Nagaeiiiiiku ちょっと俺のページ表示されてるんでリンク間違ってますよ
  4. 2018/08/03(金) 13:18:39
    土曜デビュー馬の総合評価などを追加しました(^-^*) 下のリンクはミスで日曜になっていますが、土曜のページに飛びます~✌️ #競馬 ◆土曜の高評価デビュー馬◇ ソルドラード サムシングジャスト マノアフォールズ https://t.co/QBB6Vk5N58
  5. 2018/08/03(金) 13:18:39
    楽天市場の最新「メンズファッションランキング」はこちらのページをご覧下さい。私のブログのフリーページでリンク集を作成致しました。他のジャンルのリンクも有り! → https://t.co/q84jm2BCkp

記事に戻る

コメントを残す