アイコンボタン
を勝手にサポートするページ
button1（仮名）
eval を使用したversion
evalは非推奨 eval() - JavaScript | MDN
↓自分のページのscript.js に追加
jsimport '/api/code/scrapboxlab/UserScript版アイコンボタン/script.js'アイコンボタンの作成手順
アイコンボタン用のScrapboxページを作る
Scrapboxページは、必ず「-button」で終わる仕様である
アイコンボタン用のScrapboxページにアイコン用の画像を貼る
アイコンボタン用のScrapboxページにスクリプトを書く
スクリプトは、必ずbutton.js という名前にする仕様である
それ以外は、UserScript と同じ
例
button.jsalert("Hello, world!");button2（仮名）
dynamic importを使用したversion
↓自分のページのscript.js に追加
jsimport '/api/code/scrapboxlab/UserScript版アイコンボタン/script2.js'アイコンボタンの作成手順
アイコンボタン用のScrapboxページを作る
Scrapboxページは、必ず「-button」で終わる仕様である
アイコンボタン用のScrapboxページにアイコン用の画像を貼る
アイコンボタン用のScrapboxページにスクリプトを書く
スクリプトは、必ずbutton2.js という名前にする仕様である
それ以外は、UserScript と同じ
button2.jsでは、必ずexecute() という関数をexportしなければならない
script2.js側からexecute()を実行できるようにする
例
button2.jsexport const execute = () => alert("Hello, world!");button1 と button2 はほぼ同じですが、同一のリソース（アイコン画像）を取り合うので、共存できません
注意してください
mobile端末からだと実行できないみたい？
click eventが発生しないのかなあ。Chromebookタブレットモードからだと正常に動きますよ
スマホからも動きましたよ
Aquos Sense
同じくAquos Sense 3だったのですが……
また後で試してみます