如何使用Chrome開發人員工具執行一段JavaScript代碼

Question

我使用Google Chrome及其開發人員工具，如'檢查元素'來檢查我的網頁的性能。我知道它的開發者工具'Console'可以用來執行JavaScript。

我只是救了我的一個興趣的網頁上我的美味網絡帳戶，我注意到，它需要所有這些信息經過JavaScript，所以我只是試圖把這些代碼在我的JS控制檯，這樣我可以看到整個後臺進程，但它失敗了。任何人都可以告訴我應該如何處理它，因爲我知道這可以做到。

我看到

代碼中的事情，你需要保存爲書籤

javascript:(function(e,t)%7Bvar n=e.document;setTimeout(function()%7Bfunction a(e)%7Bif(e.data==="destroy_bookmarklet")%7Bvar r=n.getElementById(t);if(r)%7Bn.body.removeChild(r);r=null%7D%7D%7Dvar t="DELI_bookmarklet_iframe",r=n.getElementById(t);if(r)%7Breturn%7Dvar i="https://delicious.com/save?",s=n.createElement("iframe");s.id=t;s.src=i+"url="+encodeURIComponent(e.location.href)+"&title="+encodeURIComponent(n.title)+"&note="+encodeURIComponent(""+(e.getSelection?e.getSelection():n.getSelection?n.getSelection():n.selection.createRange().text))+"&v=1.1";s.style.position="fixed";s.style.top="0";s.style.left="0";s.style.height="100%25";s.style.width="100%25";s.style.zIndex="16777270";s.style.border="none";s.style.visibility="hidden";s.onload=function(){this.style.visibility="visible"};n.body.appendChild(s);var o=e.addEventListener?"addEventListener":"attachEvent";var u=o=="attachEvent"?"onmessage":"message";e[o](u,a,false)},1)})(window) 

詳情：我已經在delicious.com帳戶提供我的服務保存我感興趣的網頁鏈接。例如，如果我正在訪問一個Stackoverflow問題頁面，我喜歡這個問題，我只需要點擊書籤（我已經提供了上面的URL），我想知道它是如何獲取它的父頁面並將其保存在他們的數據庫中，如何使用JavaScript來完成，我總是隻注意到只有網址的書籤，但這個包含javascript代碼，任何人都可以告訴我它是如何工作的，謝謝

Answer 1

你試圖執行的是一個JavaScript pseudo-scheme。注意開始時的javascript:部分。難道它聽起來不熟悉像http:,https:,ftp:？

它將在URL中執行，而不是在控制檯中執行。換句話說，您使用JavaScript pseudo-scheme在瀏覽器的地址欄中執行一段JavaScript代碼。

要在控制檯執行它，你必須做兩件事情：

1. 刪除javascript:方案
2. 因爲它應該在URL中執行，這是URL編碼。你必須先解碼它。看到那%7B？它代表{。控制檯不會識別它，直到它被解碼爲原始字符。