[解決済み] Google ChromeのGreasemonkeyスクリプトでjQueryを使用するにはどうすればよいですか?
2022-04-25 16:22:28
質問
ご存知の方もいらっしゃると思いますが、Google ChromeはGreasemonkeyスクリプトにいくつかの厳しい制限を設けています。
<ブロッククオート
Chromiumは以下をサポートしていません。
@require
,
@resource
,
unsafeWindow
,
GM_registerMenuCommand
,
GM_setValue
または
GM_getValue
.
Google ChromeでGreasemonkeyスクリプトにjQueryライブラリをインクルードするには、requireしないと方法が見つかりません。
どなたか、この件に関してアドバイスがある方はいらっしゃいますか?
どのように解決するのですか?
から "ユーザースクリプトのヒント。jQueryの使い方 - Erik Voldのブログ"
// ==UserScript==
// @name jQuery For Chrome (A Cross Browser Example)
// @namespace jQueryForChromeExample
// @include *
// @author Erik Vergobbi Vold & Tyler G. Hicks-Wright
// @description This userscript is meant to be an example on how to use jQuery in a userscript on Google Chrome.
// ==/UserScript==
// a function that loads jQuery and calls a callback function when jQuery has finished loading
function addJQuery(callback) {
var script = document.createElement("script");
script.setAttribute("src", "//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js");
script.addEventListener('load', function() {
var script = document.createElement("script");
script.textContent = "window.jQ=jQuery.noConflict(true);(" + callback.toString() + ")();";
document.body.appendChild(script);
}, false);
document.body.appendChild(script);
}
// the guts of this userscript
function main() {
// Note, jQ replaces $ to avoid conflicts.
alert("There are " + jQ('a').length + " links on this page.");
}
// load jQuery and execute the main function
addJQuery(main);
関連
-
[解決済み] jQueryを使って要素のIDを取得するにはどうすればよいですか?
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] どのラジオボタンが選択されているかをjQueryで知るにはどうしたらよいですか?
-
[解決済み] jQueryでページを更新するにはどうすればよいですか?
-
[解決済み] 変数が「未定義」または「NULL」であるかどうかを判断するにはどうすればよいですか?
-
[解決済み] jQueryで複数のクラスを持つ要素を選択するにはどうすればよいですか?
-
[解決済み] jQueryで複数のCSS属性を定義するには?
-
[解決済み] jQuery: テーブルの行数を数える
-
[解決済み] 同じページで複数のバージョンのjQueryを使用することはできますか?
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] tampermonkeyのスクリプトにjqueryを読み込もうとする
-
[解決済み] jquery 3.0 url.indexOfエラー
-
[解決済み] クラスメソッド内の "this "をタイプスクリプトで記述する
-
[解決済み] jQuery select onChangeの値を取得する。
-
[解決済み] セレクトした要素の外側のHTMLを取得する
-
[解決済み] jQuery UIダイアログのクローズボタンを削除するには?
-
[解決済み] 既存の非順序型リストにリストアイテムを追加する方法
-
[解決済み] jQueryを使用して配列から特定の値を削除する方法
-
[解決済み] ボタンやリンクを無効化・有効化する最も簡単な方法とは(jQuery + Bootstrap)
-
[解決済み】GreasemonkeyでjQueryを使用するにはどうすればいいですか?