問題タブ [safari-web-inspector]

実稼働用に構築されたアプリ (エンタープライズ アプリなど) で Safari Web インスペクターを使用する方法 (プライベート メソッドを使用しても) はありますか。

を使用しようとしました_setDeveloperExtrasEnabledがWKPreferences、アプリがデプロイされるとインスペクターを起動できませんでした。

ソースコードにアクセスせずに、JavaScript 開発者がアプリをデバッグするのに役立つ他のトリックはありますか?

つまり、Safari Web Inspector で検査できるアプリを配布する方法はありますか? (プライベート メソッドを使用しても問題ありません)

ブラウザーの開発者ツールを使用して DOM または CSS に変更を加える場合、行ったすべての変更を 1 か所で表示する方法はありますか?

Safari または Firefox Developer Edition でこれを行う方法がわかりません。可能であれば、外部プラグインが必要ですか?

この質問は、私の以前の質問How to Debug Javascript in IOS Action App Extension に関連しています。基本的に、私はモバイル サファリ拡張機能を開発しています。作業の一部は、アプリ拡張機能内で実行する JavaScript (モバイル サファリによって提供される「ドキュメント」の上で動作する) を開発することです。

ただし、アプリ拡張機能内の JavaScript ファイルをデバッグする方法が見つかりませんでした。今、私は少し違った質問をしようとしています - ページ上のモバイルサファリを考えると、どうにかしてそのページで外部javascriptを実行し、この外部javascriptをデバッグできますか? Safari Web Inspector がそれを助けることができると思いますか? ありがとう。

iPad を Mac に接続して、[開発] > [iPad 名] > [ページ名] を開きますが、Chrome で表示されるのと同じ CSS を検査および編集できないようです。

これは、Safari Inspect のスクリーンショットです。

そして、これが同じページの chrome スクリーンショットです。

最初は、Safari Web Inspector はそのようにファンキーだと思っていましたが、他のサイトは問題なく動作します。つまり、必要に応じて他のサイトで css を表示および編集できますが、この特定のサイトではできません。

誰かが同様の問題に直面しましたか? または、何が原因である可能性がありますか？

Safari 拡張機能を開発します。Chrome 拡張機能があります。

そして、サファリ拡張機能で同じコードをマージしたいのですが、そうする可能性はありますか.

しかし、chrome structure に従って、Chrome は Background Js を使用して Addon および内部 JS と通信します。chrome.runtime.sendMessage 経由。chrome.runtime.sendMessage({ Safari 拡張機能で、すべてのメッセージを処理できるバックグラウンド ファイルのようなものを使用できますか?

Post Messaging/Dispatch Message を介して通信できます。

アドオン/グローバル =>> 注入されたスクリプト。=>> アドオン/グローバル ファイル。

しかし、Chrome のように Post/Dispatch Messaging (chrome.runtime.sendMessage) を介して JavaScript ファイル (Global/Popover Html File で読み込まれる) 間で通信したい。

Local.JS =>> BackGruound.Js =>> Local.JS
BackGruound.Js => Content.Js =>> グローバル。

Chromium にはこの機能 Device Mode があり、相互作用はタッチ デバイス上での方法です。

Safari のレスポンシブ デザイン モードを試しましたが、(ポインター イベントなしで) タッチをエミュレートする方法がわかりません。マウスを使用しているように動作しますが、モバイルデバイスの画面に触れているように動作したいと思います (Chrome のインスペクターのように)。

Ionic アプリがロードされている ios エミュレーターで Safari の Web インスペクターを使用すると、作成されたデータベースが、Safari のインスペクター ウィンドウの [ストレージ] タブの [データベース] フォルダーの下に一覧表示されると思います。私のデータベースはまったく表示されません。

データベースを作成して検証するためのアプリ内のコードは次のとおりです。

Safari コンソールに次のように表示されます。

OPEN database: my_media.db - OK

DB opened: my_media.db

db created

[ストレージ] タブを開くと、アプリが更新されますが、まだデータベースがありません。それで....Safari Webインスペクタのデータベースはどこにありますか?

Ionic 2 RC1 を使用しています。main.js ファイルにトランスパイルされたすべての .ts ファイルのソース マップを含め、それらのマッピングを main.js.map に含める方法を知りたいです。

どういうわけか、Safari から Mac に接続された iPad にロードされたアプリをデバッグしようとすると、.map ファイルがネットワーク タブまたはリソース タブにロード/表示されません。iPad で Web インスペクターをオンにしました。

ソース マップの不適切な動作をトラブルシューティングする方法と、Safari、Chrome、およびその他のブラウザーで使用できるようにするにはどうすればよいですか。ありがとう、ラド

更新 1: 次の npm パッケージを使用しています。