问题标签 [bookmarklet]

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.

0 投票
5 回答
66853 浏览

javascript - 添加一个只有 javascript 而不是 URL 的书签

我在想我不能这样做的原因是因为它可能是一个巨大的安全漏洞,但是这里......

我想在我的浏览器(最好是 FF3)上有一个书签,它只是一段 javascript 代码。它只会根据当前日期构造一个 URL,然后在该 URL 上执行 window.location =。

我知道我可以制作一个页面并将其保存在我的本地计算机上并以这种方式引用它,但我只是想知道您是否可以绕过该步骤并实际上让书签的“位置”实际上只是 javascript。我本可以发誓这在几年前是可能的,但我现在找不到任何可以告诉我的东西。

0 投票
3 回答
796 浏览

javascript - 如何使用书签在任何网站的页面中显示表单(如 Google Reader 中的 Note)?

在 Google 阅读器中,您可以使用小书签“记下”您正在访问的页面。当您按下小书签时,当前页面顶部会显示一个小的 Google 表单。在表单中您可以输入描述等。当您按下提交时,表单在不离开页面的情况下自行提交,然后表单消失。总而言之,非常流畅的体验。

我显然试图看看它是如何完成的,但最有趣的部分被缩小且不可读。所以...

关于如何实现这样的东西(在浏览器端)的任何想法?有哪些问题?现有的博客文章描述了这一点?

0 投票
5 回答
721 浏览

javascript - 如何使用 javascript 小书签找到选定文本块中的所有 IP 地址?

我刚刚开始学习 javascript,所以我没有技能来弄清楚我认为是一个微不足道的问题。

我正在使用一个作为社区常见问题解答的 Wordpress 博客,并且我正在尝试整合一些工具来更轻松地管理评论。 Internet Duct Tape 的 Greasemonkey 工具,例如 Comment Ninja,对大多数情况都有帮助,但我希望能够获得我们从中获得评论的所有 IP 地址的列表,以便跟踪趋势等。

我只想能够在评论页面上选择一堆文本,然后在 Firefox 中单击一个小书签 ( http://bookmarklets.com ),它会弹出一个窗口,列出在选择中找到的所有 IP 地址。

更新:

我将列维克雅各布的答案结合起来得出了这个结论:

不同之处在于,我没有像列维克的回答那样发出警告消息,而是打开了一个类似于雅各布回答的新窗口。该警报不提供滚动条,这对于具有许多 IP 地址的页面来说可能是个问题。但是,与 Jacob 的解决方案不同,我需要列表是垂直的,因此我使用 levik 的提示来
为连接而不是 levik 的\n

感谢所有的帮助,伙计们。

0 投票
4 回答
21241 浏览

javascript - 从书签加载外部 JS?

如何使用书签加载外部 JavaScript 文件?这将克服 IE 的 URL 长度限制,并且通常使事情更清洁。

0 投票
2 回答
1111 浏览

javascript - 如何检测小书签中的键盘修饰符?

有没有办法检测用户在执行 javascript 小书签时是否按住 shift 键(或其他修饰键)?

在我对 Safari 3.1 和 Firefox 3 的测试中,window.event始终未定义。

0 投票
2 回答
20065 浏览

javascript - 用于删除给定域中所有 cookie 的 JavaScript 小书签

我正在测试一个将 cookie 写入 subdomain.thisdomain.com 和其中的几个子文件夹的 Web 应用程序。我正在寻找可以放入书签的 JavaScript,它将删除该子域下的所有 cookie,无论它们存在于哪个文件夹中。

有任何想法吗?

0 投票
3 回答
5517 浏览

markdown - Markdown 文档中的书签链接

如何在 Markdown 解析文档中包含书签?降价是否有任何“标签”,基本上说“不要解析这个”?

例如,您可能有类似的东西:

但是,如果我尝试将其中的 javascript 传递到 markdown 中的链接中,如下所示:

你得到一个混乱的链接,如下所示。

[Hello World!](javascript:function my_bookmarklet(){alert('Hello World');}my_bookmarklet();)

有没有办法解决?

不,我不想将恶意书签放在 SO 或任何东西中,但我想为我的网站使用降价,并想发布一些我写的书签。

编辑:我以为我有答案……但现在看来我还没有答案。

这似乎在 WMD 和摊牌中效果很好,但在 Markdown.php 编辑器中却不行。任何人都有专门使用 Markdown.php 的经验吗?

0 投票
3 回答
873 浏览

regex - URL 的最后一个路径组件的 rel-tag 小书签

许多网站都支持民俗标签。您可能听说过rel-tag,它说“URL 的最后一个路径组件是标签的文本”。

我正在寻找一个书签或greasemonkey脚本(javascript)来获取当前在浏览器中查看的URL的“最后路径组件”,将该标签添加到另一个URL中,然后在新选项卡或窗口中打开该页面。

例如,如果我正在查看带有标签“foo”的delicious.com 页面,我可能想要创建一个带有标签“foo”的新URL。这也应该适用于最后一个路径组件中的多个标签,例如foo+bar

已经提供了一些正则表达式建议。

0 投票
10 回答
37352 浏览

css - 恢复 CSS 样式

我正在使用一个将脚本标签插入当前网页的书签。

这个脚本有一些用户界面和一个“ input type=submit....”标签。

网页 A 选择不设置 " input type=submit.." 标记的样式,而网页 B 已设置它们的样式。

这会导致小书签根据底层页面的样式显示不同样式的提交按钮。

我希望所有网页上的提交按钮都以默认方式设置相同的样式。

一种解决方案是在我的脚本中为提交按钮设置 CSS 样式,以便它在所有页面上显示相同。(这是我为所有其他标签所做的)。

我的问题是:

  1. 如何设置提交按钮的 CSS 样式,使其以“默认方式”或“默认方式”显示?
  2. 可以删除现有样式吗?如果可以,按钮如何以“默认方式”显示?

换句话说,无论底层网页是否选择了样式,我如何才能让我的书签 UI 中的提交按钮以“默认方式”显示?

注意:“默认方式”是指未添加样式时提交按钮的显示方式。例如, http://www.google.com上的“Google 搜索”或“我感觉很幸运”按钮。


好吧,任何恶意 JavaScript 最终都会通过浏览器功能发挥作用,因此这个概念验证演示可能符合您的要求。它利用页面可以动态创建指向给定 URL 的链接这一事实,然后检查它是什么颜色,以确定您的浏览器是否认为该站点是您浏览历史的一部分。该链接所做的只是尝试猜测您的性别,但同样的想法也可用于攻击 - 例如,它可以测试主要银行的 URL,并为您提供针对您使用的任何银行定制的网络钓鱼攻击。

当然,这可能(应该)在未来的浏览器版本中得到修复,但大多数漏洞利用都是如此。

0 投票
2 回答
115 浏览

javascript - 当通过小书签插入时,jquery 在某些站点中的行为很奇怪

我正在整理一个小书签,将 jquery 插入到调用它的页面中。在许多页面上它工作得很好,但在像http://www.cnn.com(包括原型和 scriptaculous)这样的页面上,它的行为有点奇怪。

$(blah..).appendTo("body")不工作而$(blah..).appendTo(document.getElementsByTagName("body")[0])工作

$("#id").hide().show()并且.css()不工作。

我尝试将变量从$to更改为jQuery$k = jQuery.noConflict()但结果是相同的。

注意:在许多网页上它都可以正常工作,只有在 cnn.com 和其他一些网页上它不能。

有没有人遇到过这个,你有什么指点吗?