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