如何使用Chrome开发人员工具执行一段JavaScript代码

Question

我使用谷歌浏览器及其“检查元素”等开发人员工具来检查我的网页的效果。我知道它的开发人员工具“Console”可用于执行JavaScript。

我只是将我感兴趣的网页保存在我的Delicious网络帐户上，我注意到所需的所有信息都通过 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代码，在浏览器的地址栏中。

要在Console中执行它，您必须做两件事：

1. 删除javascript:计划
2. 因为它应该在URL中执行，所以它的URL编码。你必须先解码它。看到%7B？它代表{。控制台无法识别它，直到它被解码为原始字符。