ESModuleを使ったUserScriptをreloadなしで試す
方法1. 開発者ツールに動的importで貼り付けて実行する
e.g.
code:js
import('/api/code/programming-notes/ESModuleを使ったUserScriptをreloadなしで試す/sample1.js')
.then(({execute}) => execute());
code:sample1.js
import {sleep} from '/api/code/programming-notes/ESModuleを使ったUserScriptをreloadなしで試す/sleep.js';
export async function execute() {
alert('閉じると2秒後にまた開きます');
await sleep(2000);
alert('また開きましたね。これで終わりです');
}
方法2. 開発者ツールで<script type="module">を読み込んで実行する
コードが少々ややこしくなる
code:sleep.js
export const sleep = milliseconds => new Promise(resolve => setTimeout(resolve, milliseconds));
#UserScriptの書き方 #ESModules