問題タブ [firefox-developer-tools]
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.
javascript - Firefox デバッガ ウォッチのターゲット要素を取得するにはどうすればよいですか?
強調表示機能を Firefox DevTools デバッガーに追加しようとしてきたので、[HTMLAnchorElement] などを表示するだけでなく、要素を強調表示します。someElement.style.border='1px solid blue'
時計のように設定または類似することができ、要素を強調表示するので、それが可能であることはわかっています. では、現在の境界線を保存し、 を使用してマウスオーバーで表示し、element.style.border='1px solid blue'
マウスアウトで復元してみませんか?
Firefox devtools でデバッグしているときに、右側のウォッチ パネルの要素に変数名の行があることに気付きました。実際には、「document.getelementsbytagname('a')36」ID の親要素の下に、「46439」のような奇妙な ID が与えられています。これらの ID は何を意味しますか? 表示要素をページ内のターゲット要素にマップできますか? Venkman から試しwindow.DebuggerView.WatchExpressions.getItemForElement
ましたが、null が返されます。このソース ファイルから、デバッガー ウォッチのターゲット要素を提供する別の関数はありますか?
理想的にはdocument.getElementsByTagName('a')
、デバッグ コンテキストで、またはローカル変数などのアイテムを「監視」し、Chromium/Firebug などのページ内のアイテムを強調表示できるようにする必要があります。しかし、Firefox 拡張機能からこの機能を追加する方法がわかりません。
更新:
さらに作業を進めると、 を使用しDebuggerView.StackFrames.evaluate
て、ブレークポイントで停止している間にコードを実行することが可能になるようですchrome://browser/content/devtools/debugger-controller.js
。残念ながら、ブレークポイントで停止したときにこのコードを実行しDebuggerView.StackFrames.evaluate
、[void] void
Venkman にいます。この評価コマンドは何らかの形で非表示または非公開ですか、それとも初期化されていませんか?
firefox - ビジュアル ペイント フィードバック モードの使用方法
Firefox 22 では、ビジュアル ペイント フィードバック モードが導入されました。この機能を最大限に活用する方法についてのガイドはまだ見つかりません。更新すると色が変わったりちらついたりしますが、色の違いは何を意味するのでしょうか? 結果をどのように解釈し、それを使用して Web アプリのパフォーマンスを向上させることができるでしょうか?
javascript - Web コンソールで let (または他の JS 1.7 機能) を使用するには?
コンソールlet
でステートメントを使用していくつかのことをテストしたかったのですが、問題が発生しました.FirefoxまたはChromiumではサポートされていません. script タグで JavaScript のバージョンを設定すればサポートされることはわかっていますが、Firefox や Chromium の Web コンソール (またはスクラッチパッド) で Javascript の最新バージョンが有効になっていることを確認できるオプションはありますか?
javascript - XUL ロード ハンドラが機能しないのはなぜですか?
Firefox 開発ツールでは、最初のオンロード後に XUL iframe が起動しないようです。たとえば、このファイルの下部を参照してください。拡張子により、インスペクターで選択した要素が見やすくなっています。これは、インスペクターを開いたときに機能しますが、クリックして別のページに移動すると、古いインスペクター ツリー スタイルに戻ります。も試してみframe.contentWindow.addEventListener('load',styleit);
ましたが、Web ページでリンクをクリックしても、ページが読み込まれても起動しません。
javascript - Firefox で更新してブレークポイントを保持するにはどうすればよいですか?
Firefox Aurora Developer Tools で JavaScript をデバッグしています。JavaScript ファイルにブレークポイントを設定し、ページを更新すると、すべてのブレークポイントがなくなりました。
ページを更新するときに Firefox 開発者ツールでブレークポイントを保持するにはどうすればよいですか?
javascript - rule-view inplace-editor への参照を拡張/取得する方法は?
Firefox インスペクタのルール エディタを拡張したいと考えています。rule-view.jsによって参照されるinplace-editor.jsで見つけeditableField
ました。どの XUL ウィンドウで、これらのオブジェクトへの参照を取得して拡張できますか?
Firebug のカラーピッカーや他の同様のアドオンの人気を考えると、これが可能であることを願っています。これに関するガイドがどこかにあるのでしょうか?
google-chrome - Chrome DevTools または Firefox で安全でないコンテンツを特定する方法
下のスクリーンショットのように、私の Web ページに「セキュリティで保護されていないリソースがあります」という警告アイコン (黄色のロック) が (まれに) 表示されることがあります。ただし、それはめったに発生せず、もう1つキャッチしました。もう一度見逃したくないので、ページを失う危険はありません.
このページの URL はhttps://eksisozluk.com/sedat-kapanoglu-ve-40-kisiye-hapis-talep-edilmesi--3960310です。Chrome での連続した試行ではなく、エラーが発生したときにログインしていたため、おそらく警告は表示されません (Firefox でない限り)。ですから、あなたと私が Chrome でその警告アイコンを二度と表示しないと仮定しましょう。
サイトを使用していたときにDevtoolsが開いていなかったので、「ネットワーク」タブは空です。その部分は機能しません。
「リソース」には、すべての JS および CSS エントリが https として表示されます。そこには http からの単一のリソースはありません。
ページには jQuery が読み込まれているため、クエリを試してみ$('*[href^="http:"]')
まし$('*[src^="http:"]')
たが、役に立ちませんでした。ページにはいくつかの外部 http リンク (リソースではなく、プレーンなリンクa href
) が含まれていますが、アラームはトリガーされません。
Kaspersky Anti-Virus を使用していますが、プロキシを使用して受信/送信トラフィックをスキャンしています。他の Web サイトではこれまでのところ問題はありませんでしたが、これが何らかの問題を引き起こしている可能性があります。
「ページソースを表示」してhttpリソースを検索しようとしましたが、httpリソースリンクのあるタグのみが次のとおりでした:
アイコンが緑色の場合もページに実際に存在します。だから、それが理由にはなりません。
Chrome にある「安全でないコンテンツ」を直接表示する方法はありませんか?
Firefox でページを表示すると、「部分的に暗号化されています」と表示されますが、暗号化されていないものも表示されません。「メディア」タブの項目はすべて「https://」から始まります。
実際、Firefoxで問題を継続的に再現できるようになりました。ネットワークタブを見ると、「何も」表示されhttp://
ていませんが、Firefoxは「部分的に暗号化されています」と表示しています。Google と同じ理由で Firefox がそう言っているのかどうかはわかりませんが (Firefox は一貫性があり、それについて固執しているため)、両方のシナリオが同じ根本原因に属している場合に備えて、両方のシナリオを提供しています。
犯人を見つけるために、最終的にChromeコンソールでこのコードを書きました:
出力には興味深いものが表示されません。Mvc-Mini-Profiler が挿入したs と 2 つの s<META content>
は、twitter の参照のみに使用されます。もちろん、それらのどれも警告を正当化するものではありません。完全な出力は次のとおりです。http://pastebin.com/kgV8XHgN<A href>
<TD title="http://...">
だから、これは本当に面白そうです。「HTTP」リンクを含む DOM の要素は 1 つもありませんが、Chrome は「安全でない」コンテンツについて警告します。とても悩んでいます。
ページに iframe はありません。($("iframe")
返品[]
)
編集:くそー、ページを失った:((リンクに移動し、戻るボタンがSSLアイコンから緑色に変わった)。長くは続かないことはわかっていました。しかし、初めて見たわけではないので、助けていただければ幸いですその問題。