iPhoneのSafariでJavaScriptを実行する方法【ショートカット】

iPhone のデフォルトブラウザである Safari 上で、自分で作った JavaScript のコードを実行する方法を紹介します。
iOS 13 から標準アプリとなった「ショートカット」アプリを使用します。

環境

• iOS 13

実行するスクリプト

今回実行したい JavaScript コードは以下になります。

localStorage.clear();
sessionStorage.clear();
document.cookie.split(";").forEach(function(c) {
    document.cookie = c.trim().replace(/=.*/, "=;expires=" + new Date().toUTCString() + ";path=/");
});
// completionを呼び出して終了
completion();

このスクリプトを実行すると、 Web ページのクッキーとローカルストレージ、セッションストレージを削除します。
「ショートカット」アプリではスクリプトの終了時にcompletion()を呼び出す必要があるので注意してください。

これを Safari の Web ページ上で実行するのが今回の目的となります。

新規ショートカットを作成する

それでは新しくショートカットを作成しましょう。

「マイショートカット」メニューの「ショートカットを作成」をタップします。
新規ショートカットの編集画面になるので、そこで「アクションを追加」をタップします。

「Web」をタップします。

「WebページでJavaScriptを実行」をタップします。

この時点で「WebページでJavaScriptを実行」アクションがショートカット編集画面に追加されていると思います。

デフォルトでサンプルスクリプトが記述されているので、削除して自分の実行したい JavaScript コードに上書きします。

JavaScript が書けたら、右上の「…」をタップします。

詳細画面が開くので、以下のように設定します。

• アイコン　お好きなもの
• ショートカット名　お好きなもの
• ウィジェットに表示　OFF
• 共有シートに表示　ON
• 共有シートタイプ　SafariのWebページ

終わったら右上の「完了」をタップします。

これでショートカットが作成できました。
「マイショートカット」に作成したショートカットが追加されていると思います。

ショートカットを実行する

作成したショートカットを実行してみましょう。

Safari で適当に Web ページを開いて、共有ボタンをタップします。

メニューの中に今回作成したショートカットがあるはず（ショートカット名は自分で設定したものになります）なので、それをタップします。

これで iPhone の Safari で JavaScript を実行することができました。

参考

https://support.apple.com/ja-jp/guide/shortcuts/apdb71a01d93/ios

関連記事