LoginSignup
2
2

More than 5 years have passed since last update.

【Chome拡張開発入門】Chrome拡張で特定のサイトを見れないようにする

Posted at

概要

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.json
{
    "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"]
            }
    ]
}
script.js
$(function() {                                      
             $('body').html("見ちゃだめ");          
});

設定

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

課題

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

リンク

2
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
2