特定のHTML要素をレンダリングするJavaScriptコードの部分を確認しますか？

Question

このページのURLをメールで送信https://detail.1688.com/offer/548835845261.html

画像にハイライト表示されている送料と配送重量を削りたいです。

DOMにどのようにロードされているのかわかりません。

DOMには含まれていません。 AJAX呼び出しでも読み込まれません。

何が起こっているのかわかりません。

初期ページソースは、私がそのURLにGETリクエスト

https://laputa.1688.com/offer/ajax/CalculateFreight.do?freightTemplateId=10342228&beginAmount=1&unitWeight=1&refPrice&88.00&isCodOffer 

ではなく、運作ってみました

data-unit-config="{"calculationUrl":"https://laputa.1688.com/offer/ajax/CalculateFreight.do","freightTemplateId":"10342228","beginAmount":"1","unitWeight":"1","refPrice":"88.00","isCodOffer":""}" 

である上、私が見るだけrelevent一部。

JavaScriptコードのどの部分が特定のHTML要素をレンダリングしているかを確認する方法はありますか？

Answer 1

私の推薦は次のようになります。

1. 要素が表示されたら、それを点検します。
2. Elementsパネルでは、不思議な起源のない最初の祖先要素（ページ上にどのようになっているかわかっている要素）を見つけます。右クリックして、ステップ＃2からの祖先要素をナビゲートし、Break on... ==> Subtree modification
3. を選択Elementsパネル上のデベロッパーツール_withページを更新し（そうでない場合は動作しないようです）
5. 今、いつでもJavaScriptは、要素あなたの子孫を修正ブレークポイントをオンにすると、ソースパネルが一時停止し、何が起こっているのかを調べることができます。