Chromeでウェブページを一時的に編集するにはどうすればよいですか？

スマートフォンのChromeに表示されるウェブページを一時的に編集したいのですが、ChromeデスクトップのInspect要素機能に似ています。これは一時的なものであることは理解していますが、いくつかのテストを実行したいと考えています。

アプリケーション自体にそのオプションが表示されません。拡張機能や別のアプリが必要ですか、それとも不可能ですか？

URLバーで次のスニペットを実行すると、Chrome for PC と Androidの両方で機能します。

javascript:document.body.contentEditable='true'; document.designMode='on'; void 0

重要な注意点：コードをコピーしてアドレスバーに貼り付けると、Chromeはコードのjavascript:一部を自動的に削除します。追加する必要があります。追加しないと機能しません。

これは、iPadを勝ち取るか、またはいくつかの危険なJSをアドレスバーにコピーした場合に+1,000人のFacebookの友達を獲得すると思う愚かなユーザーによって悪意のあるコードが実行されるのを防ぐためです。

ページ全体が編集可能になるという影響があります。

編集したWebページを保存する必要がある場合は、[印刷]> [PDFとして保存]を実行できます。

私はプロのWeb開発者なので、これには間違いなく用途があります。言うまでもありませんが、これに裏打ちされた何かをした場合、たとえば、会社の「感謝の意、注文が確認されました」ページを偽造して、偽のスクリーンショット/プリントアウトで製品を詐欺する場合、私は責任を負いません。

私はもともとStack Overflowからコードを入手しましたが、28の質問があります。

この公式ガイド：Chromeを使用したAndroidでのリモートデバッグをご覧ください。スマートフォンをPCに接続し、Chrome DevToolsを使用してページをデバッグします。

ページの編集を停止するには、これを使用できます：

javascript:document.body.contentEditable = 'false'; document.designMode='off'; void 0

まず、「http：//」の前に「view-source：」を追加してから、アドレスバーに次のように入力しますjavascript：document.body.contentEditable = 'true'; document.designMode = 'on'; void 0