Webページ要素を変更するためのAppleiOSショートカット（ショートカット手順）：モバイル開発者ツールコンソールの代替

Apple iOSショートカット（ショートカットの説明）関連記事のガイドライン：

Apple iOSショートカット（ショートカットの説明）：フォームに自動的に入力します
Apple iOSショートカット（ショートカットの説明）：Webページ要素を変更する（この記事）
Apple iOSショートカット（ショートカットコマンド）：コース結果のクエリ
Apple iOSショートカット（ショートカットコマンド）：ワンキーリモートブート

モバイルブラウザは一般的に開発者モードを呼び出すのが難しいです。Android携帯は特別なブラウザをインストールすることで開発者モードの呼び出しを実装できますが、AppleiOSユーザー向けのソリューションはありません。ただし、コンソールを使用するだけでよい場合は、実際にショートカット（ショートカット命令）を使用してそれを実現できます。この記事では主に、ショートカット（ショートカット命令）を使用してJavaScriptを呼び出し、WebページのDOM要素を変更して、モバイル端末要素とコンソール呼び出しの機能が不足していることを後悔する方法を紹介します。

結果を示す

ここに画像の説明を挿入

WebページでJavaScriptスクリプトを実行するためのショートカット（ショートカット命令）。基本形式：

var result = [];

// JavaScript代码

// 调用 Completion 以完成
completion(result);

1.位置決め要素

ここに画像の説明を挿入
JSPATHを介して直接見つけることができます。

document.querySelector("#table_history_list_page > tbody > tr:nth-child(2) > td:nth-child(5) > span")

2.要素を書き換えます

書き換えられたコンテンツは、元の形式を参照して書き直されます。ここでは、元の形式の2021-01-05 14:55:42変更を2021-01-08 10:55:42例として取り上げます。

document.querySelector("JS PATH").innerHTML = '2021-01-08 10:55:42'

書き換える前に：
書き換え後：

3.ショートカットコマンドの時間セレクター

時刻を手動で変更する場合は、各ショートカットコマンドを実行する前に手動で時刻を編集する必要があります。ショートカットコマンドの「現在の日付」機能により、コマンドが実行された日として時刻を見つけることができます。変更する必要があるのは事前に日付を編集する手間を省くためのフォーマット。

ここに画像の説明を挿入

document.querySelector("JS PATH").innerHTML ="当前日期";

ここに画像の説明を挿入

ショートカット（ショートカットコマンド）で当前日期パラメーター形式をに設定するyyyy-MM-dd 14:55:42と、時刻は変更されず、日付のみが変更されます。
ここに画像の説明を挿入

フルコンテンツ

var result = [];
// JavaScript代码
document.querySelector("#table_history_list_page > tbody > tr:nth-child(1) > td:nth-child(5) > span").innerHTML = '2021-01-08 00:00:39'
document.querySelector("#table_history_list_page > tbody > tr:nth-child(2) > td:nth-child(5) > span").innerHTML = '2021-01-08 10:55:42'
document.querySelector("#table_history_list_page > tbody > tr:nth-child(3) > td:nth-child(5) > span").innerHTML = '2021-01-08 11:07:10'
document.querySelector("#table_history_list_page > tbody > tr:nth-child(4) > td:nth-child(5) > span").innerHTML = '2021-01-08 11:10:05'
// 调用 Completion 以完成
completion(result);

ショートカットの呼び出しに関する補足手順

ここに画像の説明を挿入
前回の記事でファンが遭遇した問題の1つは、Webページの[その他のアクション]ボタンをクリックすると、[ショートカットの説明]オプションがないことです。この問題を解決する方法も非常に簡単です。クリックするだけで、「クイックインストラクション」ブラウザの共有フォームに表示できるように設定するだけです。
ここに画像の説明を挿入

ここに画像の説明を挿入

この時点で、この記事は終了しました。この記事がインスピレーションとなり、あなたの批判や交流を歓迎することを願っています。

ご質問や良い提案があれば、メッセージ、コメント、注意を楽しみにしています！