Content Scripts

開発 > Chrome Extension > Content Scripts

特定のページにアクセスしたら自動的に実行される。

manifest.json

必ず必要っぽい。
"js" はたぶん書いた順に実行する。

{
    "manifest_version": 2,
    "name": "サンプル",
    "version": "v1.0",
    "content_scripts": [{
        "matches": [
            "http://http://5xbook.wiki.fc2.com/"
        ],
        "css": [
            "default.css"
        ],
        "js": [
            "jquery-1.12.0.min.js",
            "main.js"
        ]
    }],
    "web_accessible_resources": [
        "sample.txt"
    ]
}

web_accesible_resources のファイルにアクセスする方法

外部テキストを <body> に挿入する場合
    $("body").load(chrome.extension.getURL("sample.txt"));

自作関数を実行するリンクを挿入する (要 jquery)

id が bar の要素にクリックすると originalFunction を実行するリンク foo を挿入。
    var link = $('<a>').html('foo').click(originalFunction());
    $("#bar").append(link);

  • 最終更新:2017-03-03 13:04:43

このWIKIを編集するにはパスワード入力が必要です

認証パスワード