備忘録がわり。

manifest.jsonでボタンがクリックされたらpopup.htmlを読み込むようにしておく

popup.html

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<link href="popup.css" rel="stylesheet">
<script src="popup.js" type="text/javascript"></script>
</head>
<body>
<div id='url'>
</div>
</body>
window.onload = function() {
  chrome.tabs.getSelected(window.id, function (tab) {
    //tab.urlに開いているタブのURLが入っている
    var url = document.createTextNode(tab.url);
    document.getElementById('url').appendChild(url);  
  });
};

これでポップアップにカレントタブのURLがテキストとして表示される。
URLの取得の確認で使っているだけなのであまり関係ないけど、cssでdivの大きさを事前に指定しておかないと、DOMで書き換える前には何も入ってない(=大きさが最小)のですごーく見にくい。

取得したURLにごにょごにょして、そこにジャンプするとか結構簡単そう。

, ,
Trackback

no comment untill now

Add your comment now

*