概要

Chrome拡張を自作し、特定のサイトを見れなくする機能を作る。

はじめてのChrome拡張開発のため、高度な内容は期待しないように。JavaScriptの知識もほぼ無い。

動機

勉強をしようとPCにむかっても気がついたらYouTubeを見ているので、なんとかしたい。

すでに同様のChrome拡張も存在するが、セキュリティ的に不安なので、自作したい。

環境

• Ubuntu 17.10
• Chromium 66.0.3359.181（Official Build）Built on Ubuntu , running on Ubuntu 17.10 （64 ビット）

ソースコード

{
    "manifest_version": 2,
    "name": "blocksites",
    "version": "0.0.1",
    "content_scripts": [
            {
                    "matches": ["https://www.youtube.com/*"],
                    "js": ["jquery-3.3.1.min.js", "script.js"]
            }
    ]
}

$(function() {                                      
             $('body').html("見ちゃだめ");          
});

設定

• 適当なディレクトリを作成し、上記の２つのファイルをそこに置く
• Chromiumでchrome://extensions/にアクセス
• 「パッケージ化されていない拡張機能を読み込む」を選択し、先程の作成したディレクトリを指定

課題

• YouTubeのページが数秒間表示される（ロードする順番によるものと思われる）
• Firefoxを開こうとしている自分がいる

リンク

• https://qiita.com/k7a/items/26d7a22233ecdf48fed8
• https://developer.chrome.com/extensions/content_scripts
• https://developer.chrome.com/extensions/api_index
• https://developer.chrome.com/extensions