Chromeの拡張子作りに挑戦!
Chromeの拡張子って実はHTML、JSの知識があれば作れるんですね。
ちょっと依頼があったので作ってみようと思います。
作った時のメモです。
概要
マニュアルは『Manifest File Format - Google Chrome』です。
JS処理例
拡張子アイコンクリック時の処理
// 拡張子ボタンを押下時の処理
alert('aaaa');
});
画面からのイベント取得例
HTMLにID指定し、JSで拾ってあげるイメージです。
<!DOCTYPE html>
<html lang="ja">
<head>
<title>Title</title>
<script src="sample.js"></script>
</head>
<body>
</body>
</html>
window.onload = function(){
var btn = document.getElementById("click_here");
// set save event
btn.addEventListener("click", function(){
alert("clickd!");
});
}
トラブル
Default locale was specified, but _locales subtree is missing.
インストール時の問題。
翻訳すると『デフォルトのロケールが指定されましたが、_localesサブツリーがありません。』
となります。
Manufest.jsonのロケーション設定が原因です。
該当処理を削除すれば問題なく動作するはずです。