機能 ショートカットキー
リファレンス(参考URL)一覧へ移動 R
記事URLをMarkDownとしてコピー Ctrl+M
前のコードタグへ移動 Ctrl+←
次のコードタグへ移動 Ctrl+→
ヘルプを表示・非表示 H
Tips
- ショートカットキーは記事上で有効です。ヘッダー/フッター付近では機能しないことがあります。
- コードタグ移動機能がうまく動かないときは、Shift+F5でページを更新してみてください。
- このウィンドウを閉じるには、Hキーをもう一度押してください

chromeデベロッパーツールからrequire()するといつも使う関数や変数を呼び出して使えるようにする[JavaScript]

プログラミング

require()ってするだけでいつも使うテンプレ関数などをオンラインにCDNみたいな形式で置いておいて、それを呼び出す、ってことができる、みたいなことに気づいたっていうか偶然できたので、結構それとなく便利なのでシェア。

以下自分用ノート

プログラミング

JavaScriptコードは難読化する

javascript-obfuscator input.js –output output.js –compact true –control-flow-flattening true –control-flow-flattening-threshold 1 –dead-code-injection true –dead-code-injection-threshold 1 –identifier-names-generator hexadecimal –identifiers-prefix template –rotate-string-array true –self-defending true –string-array true –string-array-encoding rc4 –string-array-threshold 1 –target browser –transform-object-keys true –unicode-escape-sequence false

どんな関数が使用できるのかわからないので、最初にリストしておく。

テンプレートファイルは、https://yuis.xsrv.jp/cdn/js/template.jsとする。

xservからrmateして、暗号化したjavascriptを追加しておく形。

これを利用する場合は、

function dynamicallyLoadScript(url) {
    var script = document.createElement("script");
    script.src = url;
    document.head.appendChild(script);
}
dynamicallyLoadScript('https://yuis.xsrv.jp/cdn/js/template.js')

だが、

tampermonkeyで開発用にデベロッパーツールから関数1つでこれらを呼び出せるように定義しておいた。

// ==UserScript==
// @name         require()
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        *://*/*
// @grant        none
// ==/UserScript==

window.require = function(){
function dynamicallyLoadScript(url) {
    var script = document.createElement("script");
    script.src = url;
    document.head.appendChild(script);
}
dynamicallyLoadScript('https://yuis.xsrv.jp/cdn/js/template.js')
}

これにより、デベロッパーツールを開いて

require()

することで、簡単に呼び出すことができる。

この記事で欲しい情報が見つからなかった方へ

この記事の更新情報がある場合があります。
この記事は以下の記事とも関連性があると思われます。

JavaScriptの正規表現マッチでグループマッチを取り出すには
ISO-8601 のデータフォーマットでJavaScriptで時刻を出力するには
JavaScriptでURLエスケープ
JavascriptでHTTP GET
JavaScript 非表示パスワードを表示する ブックマークレット
URLからクエリストリングを削除するJavaScriptを書いた
Webページのリダイレクト速度比較 HTML vs JavaScript vs .htaccess


管理人の方針で、既存の記事の編集はせず、新しい情報や大きな既存情報の更新があった場合には、新しい記事として公開することになっています。
当記事で欲しい情報が見つからなかった・解決に至らなかった場合、これらのリンクがお役に立てるかも知れません。

どうやってこの関連記事を生成しているの?
この機能のPHPソースコード(2500行)

コメントを残す

Close Menu