2017年03月04日

chromeApp版モバマスの表示をいじくる・改

カテゴリが微妙だけどこっち。jsを使っていじくれる方法を発掘したのでメモ。 追記にいきましょー。 chromeAppの独自タグwebviewの内部にファイルを適用させる方法見つけるのに手間取った。
以下やり方メモ。

いじくるファイルは以下の場所にあります。
Mac:
~\Library\Apprication Support\google\chrome\Default\Extensions\[ID]\[バージョン]\
Win:
C:\Users\[ユーザ名]\AppData\Local\Google\Chrome\以下同じ



まずはjavascript内に次の内容でjsファイルを用意。

var custom = function(){
    var webview = document.getElementById("webview");
    webview.addContentScripts([
      {
        name: 'myRule',
        matches: ['http://sp.pf.mbga.jp/12008305/*'],
        css: { files: ['stylesheets/custom.css'] },
        js: { files: ['javascripts/custom.js'] },
        run_at: 'document_start'
      }
    ]);
}
window.addEventListener("load",custom);
名前はなんでも構いません。私はinject.jsとしました。
次にindex.htmlからこれを読み込みます。head内に記述すればok。

あとはjavascript/custom.jsと、stylesheet/custom.cssに好きな処理を書き放題です。
表示を変えるくらいなら怒られることもないと思いますが、サーバと不正なやり取りをして怒られても責任は持ちません。

SS 2017-03-04 20.13.32.jpg
とりあえずこんなん付けてみました。いろいろできそう。
ウド | 2017/03/04 20:16| Comment(0) | モバマス
この記事へのコメント
コメントを書く
コチラをクリックしてください