問題タブ [safari-web-inspector]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
macos - Mac OS X 10.7.5 の Safari 6.1.6 の [開発] メニューで iPhone 5 を検出できません
Mac OS X 10.7.5 と Safari 6.1.6、iPhone 5s と iOS 8.0.2 を使用しています。Mac Safari で自分の Web サイトをリモートでデバッグしようとしていますが、Safari の開発メニューに iPhone が表示されません。
iPhone サファリ設定で Web インスペクターを有効にしました。解決策をお願いします。
ios - Safari Web インスペクターが iOS シミュレーターで動作しない
iOS v7 を実行している Safari v7.1 と iOS シミュレータ v7.1 を使用しています。
この URL に従って、iOS シミュレーターのモバイル Safari と Mac (v10.9.5) の Safari ブラウザーですべてのオプションを有効にしました: http://webdesign.tutsplus.com/articles/quick-tip-using-web -inspector-to-debug-mobile-safari--webdesign-8787
ただし、Simulator でハイブリッド アプリを実行したり、モバイル Safari で Web ページを開いたりすると、Safari Web インスペクターに Web ページが表示されません。Mac Safari オプションの [開発] -> [iOS シミュレーター] で、デバッグ対象の [検査可能なアプリケーションがありません] と表示されます。
実際のiPhoneを接続しても同じように動作します。
どんなポインタでも大歓迎です！
iphone - iPhone が Safari の [開発] メニューに表示されない
Safari の [開発] メニューで、Safari を最新バージョンに更新した後、iPhone が表示されなくなり、サイトやアプリの検査とデバッグができなくなりました。
iPhone を再起動し、Safari を強制終了して再起動し、Mac も再起動しましたが、問題は解決していません。Safari モバイル アプリケーションと phonegap アプリケーションの両方に影響します。
誰も同じ問題を経験しましたか？
javascript - Safari 8 でソース マップ ファイルが見つからない
Safari 8 (10600.1.25.1) のリソースまたはデバッガーでは、ソース マップを介してファイルに直接アクセスする方法がないようです。
たとえば、Browserifyapp.jsを使用して作成された(および Coffeescript でコンパイルされた) があります。これらの実行中にJavascriptを一時停止すると、デバッガーは元のCoffeescriptソースを（ソースマップを介して）停止した場所に表示します.src/a.coffeesrc/b.coffeesrc/a.coffee
src/a.coffeeただし、「リソース」セクションには、またはsrc/b.coffee(Javascript を一時停止し、それが正しいファイルにあることを期待する以外に)に到達する方法が示されていません。コンパイル済みapp.jsは の下Scripts/にありますが、他には何も表示されません。
デバッガーが一時停止しているときに Safari が SourceMap を尊重していることは明らかですが、ソース マップを介して含まれるファイルを開く方法を明らかにするドキュメントは見つかりません。
ソース マップは Chrome で正常に動作します。
他の誰かがこのような問題を抱えていますか?
safari - ファイル ショートカット Safari 開発者ツールを開く
CMD + P を使用して、Google Chrome 開発者ツールで直接ファイルを開きます。Safari 開発者ツールでこれを行うためのショートカットはありますか? 現在、個々のファイルをスクロールしてクリックしています:(
html - 計算されたプロパティと CSS プロパティ (例: div 幅) の間の不一致をどのようにデバッグしますか?
具体的には、これがどのように発生するのか疑問に思っています (Chrome 開発者ツールから):
私の理解では、CSS では幅を 1000px にするように指示されていますが、ブラウザは幅を 985px にすることにしました。不一致の根本原因を突き止めるにはどうすればよいですか?
Safari Web Inspector でも同じことがわかります。具体的には、ルールの下の幅の値は 1000px です。
計算済みの下では、幅は 985px です。
重要な場合、この特定の問題は div 要素に現れています。
ios - USB 接続された iOS デバイスでローカル開発サーバーを表示する
USB (Personal Hotspot) で接続された iPhone 5 を介して、OS X 開発用ラップトップをネットに接続しています。開発作業のために Web サーバーをローカルで実行している場合、このサーバーから iPhone にページをロードして、Safari の Web インスペクターで検査できますか? 127.0.0.1 と接続した IP パブリック アドレスを試しましたが、成功しませんでした。