2017-08-10 58 views
0

medium網站如果我檢查任何文章上的按鈕,我無法查看js腳本。 (我想看看clickHandler的代碼。)檢查/調試從CDN加載的js腳本

我後來發現腳本來自另一個域(CDN)。

爲什麼我不能檢查js文件,如果它們來自另一個域,即使它們正在執行?

我正在使用鉻。

帶走(帖子討論):

  • 事件可以冒泡從子到父節點。
  • 事件處理程序可以連接到父節點並能處理的事件做出從子節點向上冒泡。(事件代表團)
+0

所有的JavaScript文件都可能打包成一個。 有些時候,腳本被縮小以獲得傳輸空間。 在任何情況下,您都有在本地瀏覽器中執行的腳本,因此始終可以找到執行哪個操作。 – rsommerard

回答

0

由於呈現here你應該能夠檢查使用Chrome DOM元素的事件處理程序開發者工具。 最有可能的是你會發現Javascript代碼被縮小,這意味着它幾乎不可讀。 (但是chrome也有something for that,儘管你仍然需要處理無義變量名等)

+0

是的,但在中等條款的情況下,我沒有找到任何事件處理程序。 pl在網站上查一次。謝謝。 – Saikumarch

+0

我可以看到一些點擊事件處理程序,請參見[截圖](http://imgur.com/a/CwH43)。我認爲心臟圖標就像按鈕一樣(我對中型不太熟悉)。在事件監聽器選項卡的右側,您可以看到單擊事件處理程序。當你點擊它們時,它會把你帶到JS源。 – jjdoe

+0

但沒有一個點擊處理程序被附加到投票/像btn的權利?那麼ajax調用如何發生? – Saikumarch

0

你可以完全檢查單獨的CDN中的點擊處理程序。由於Web的開放性,DevTools可以訪問該頁面下載和執行的任何JS。

  1. 轉到來源,使Event Listener Breakpointsclick事件。

    click event breakpoints

  2. 點擊中的按鈕。 DevTools在事件監聽器代碼上暫停。

    paused on click event handler

  3. 點擊Format(近來源面板的底部),使縮小的文件更具可讀性。