Tag: bookmarklet

使用小书签单击Gmail的“显示原始”按钮: 当我在Gmail中打开电子邮件时，我正在尝试以编程方式单击“显示原始”下拉菜单项。所有元素的ID随每个电子邮件动态变化，因此这不是找到我想要点击的菜单项的可靠方法。首先，我只是想在Chrome的控制台中创建一个点击它的JavaScript。加载jQuery后，我试过这个： jQuery(‘div[role=menuitem]:contains(Show original)’).click(); 虽然它似乎选择了正确的div并单击它，但它不是预期的行为，并且点击实际上没有做任何事情。这是一个满载的电子邮件菜单，其中包含我想用JavaScript点击的菜单项： Show original 我的目的是使用书签，但由于安全警告，我在书签中加载jQuery时遇到问题，但这是另一个问题。此外，我应该在点击“显示原始”按钮之前尝试打开下拉列表，还是我可以在不先打开菜单的情况下单击此按钮？

按标题使用Javascript Bookmarklet到块页面内容（第2部分）: 我有一些@pimvdb 在这里帮助我的javascript，我想知道它是否可以调整，以便在下一个更高的div组合较小的标题div 。换句话说，从这个HTML开始： Some paragraph Heading 1 Some paragraph Some paragraph Heading 2 Some paragraph Some paragraph Heading 3 Some paragraph Some paragraph Heading 1 Some paragraph Some paragraph Heading 2 Some paragraph Some paragraph Heading 3 Some paragraph Some paragraph … …然后使用javascript（通过书签，因为它必须在客户端完成）最终得到这个： Heading 1 paragraph Heading 2 paragraph Heading 3 paragraph Heading 3 […]

SCRIPT5009：IE9中未定义“$”: 我有一个书签，将div加载到当前页面并在其中放置iframe。除了IE9之外，bookmarklet在所有浏览器中都像梦一样。甚至可以在早期版本的IE中使用。我正在使用以下bookmarklet框架： http://idc.anavallasuiza.com/project/bookmarklets 其他人在这里遇到了类似的问题（与bookmarklets无关）： https://forum.jquery.com/topic/retrieved-html-data-type-with-jquery-ajax-in-ie9-scripts-tags-sources-could-not-be-loaded 到目前为止，我理解我的bookmarklet的jQuery在IE9中没有正确加载。 bookmarklet尝试加载自己的jQuery，以便在书签初始化时可以运行某些效果，并且易于编程。 iFrame页面还加载了jQuery（没有它，iframe中的内容无法正常工作）。我正在使用最新的jQuery： http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js 我想知道为什么IE9在没有其他浏览器时会导致这些SCRIPT错误？为什么jQuery在IE9中没有正确加载？任何见解都会非常感激。

在Bookmarklet中使用jQuery UI: 在CoffeeScript中，虽然此代码几乎与JavaScript相同： tabs_html = “GuidelinesTest something1something2” $(“#nm-toolbar”).append(tabs_html) $(“#nm-container”).tabs() 它不起作用。有趣的是它在尝试最后一行时确实有效：来自控制台的$(“#nm-container”).tabs() 。我附上下面的完整代码。请注意，我正在使用CoffeeMarklet生成似乎仅适用于chrome的bookmarklet。 s1 = window.document.createElement(‘script’) s1.src = ‘https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js’ window.document.body.appendChild(s1) $ -> s2 = window.document.createElement(‘script’) s2.src = ‘http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.min.js’ window.document.body.appendChild(s2) jqueryUIcss = window.document.createElement(‘link’) jqueryUIcss.rel = ‘stylesheet’ jqueryUIcss.type = ‘text/css’ jqueryUIcss.href = ‘http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/themes/blitzer/jquery-ui.css’ window.document.head.appendChild(jqueryUIcss) if $(“#nm-toolbar”).length == 0 toolbar = “” $(“body”).append(toolbar) $(“#nm-toolbar”).css({ ‘background’: ‘#fafafa’, ‘height’: ‘500px’, ‘width’: […]

如何创建书签以覆盖外部文件中的html / div图层和CSS: 我正在尝试找到一种方法来创建一个bookmarklet，它将从其他html和css加载（从外部文件）一个新的layer / div，并将其覆盖在现有页面上。有没有人有一个书签的例子，他们可以分享吗？我可以使用新的html内容和CSS类创建div我不知道如何编写bookmarklet和javascript / jquery函数来在现有页面之上加载新内容。非常感谢你！

jQuery用于标识URL和追加参数: 这个jQuery代码将作为wordpress编辑器中的bookmarklet运行。 bookmarklet / jQuery代码将编辑内容字段中的文本，并将参数（例如？参数）附加到URL的末尾。 URL始终是相同的域名（例如domain.com）。但是，URL通常包含目录（例如domain.com/directory/index.html?parameter）。无论域名后面是什么，我都需要附加jQuery代码。最复杂的情况是domain.com/directory/index.html?someotherparameter?parameter 。此内容区域通常包含多个URL，因此脚本需要遍历整个文本。我的半工作代码 var url= ‘domain.com’; var append = ‘ ?parameter ‘; $(“.wp-editor-area”).each( function(){ var haystack = $(this).text(); $(this).text(haystack.replace(url, url+ append)); }); 它正在修改的HTML代码 <a title=”This is a hyperlink” href=”http://domain.com/directory”>This is a hyperlink</a> 它的当前输出 This is a hyperlink Jsfiddle为方便起见请注意，我的输出不会在整个URL之后附加。如果文本正文中包含更多URl，我如何修改这个更复杂的URL并循环遍历文档？我能找到的唯一相关和类似的问题是这个，但我不能复制结果。谢谢！！

是否可以在同一页面上加载多个不同版本的jQuery？: 我正在创建一个bookmarklet，如果找不到该对象，它将加载jQuery。加载将检查jQuery的版本。代码如下： (function(){ var myBkl = { loadScript: function(src) { if(window.jQuery && window.jQuery.fn.jquery == ‘1.3.2’){ return; } var s = document.createElement(‘script’); s.setAttribute(‘src’, src); s.setAttribute(‘type’, ‘text/javascript’); document.getElementsByTagName(‘head’)[0].appendChild(s); }, whenLoaded: function(callback){ if (typeof(window.jQuery) !== ‘undefined’ && window.jQuery.fn.jquery == ‘1.3.2’) { callback(window.jQuery); } else { setTimeout((function() {myBkl.whenLoaded(callback); }), 100); } }, init: function($){ console.log($.fn.jquery); } }; myBkl.loadScript(‘http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js’); […]

识别和提取图像的标题/描述（数据刮削Pinterest）: 如何使用Javascript / jQuery来识别与具有多个图像和描述的网页上的图像相对应的描述或标题？可以非常容易地提取页面标题，但是标题可能与图像不对应，尤其是如果页面上存在许多图像 var title = document.title; 我相信Pinterest的Pin-it书签已成功完成。我猜它与算法有关，找到最近的h1 ， h2 ， h3或图像的alt属性，然后如果算法无法在页面上识别图像的描述，则回退到document.title 。任何想法非常感谢！编辑这是用于抓取其他网站的数据

编写谷歌文档表单提交脚本: 我正在尝试创建一个解析页面的书签，并通过我定义的表单将结果发送到googledocs电子表格。脚本的相关内容是： var form = document.createElement(“form”); form.action = “http://spreadsheets.google.com/formResponse?formkey=Fd0SHgwQ3YwSFd5UHZpM1QxMlNOdlE6MA&ifq”; form.method = “POST”; form.id=”ss-form”; form.innerHTML = [“”, “”, “”, ].join(“”); form.submit(); alert(form.innerHTML); //返回：没有任何东西通过书签保存到表单 – 在我的书签的代码中捕获谷歌的响应的任何方式？（fwiw，我通过jQueryify注入了jQuery）编辑： Firebug的Net面板没有听到由bookmarklet触发的任何活动 – 我如何通过goolgle的viewform方法而不是formresponse来处理这个问题。我想提交的表格位于： http://spreadsheets.google.com/viewform?hl=en&formkey=dFd0SHgwQ3YwSFd5UHZpM1QxMlNOdlE6MA 我怎样才能将脚本值注入该表单然后再次提交…通过在被解析的页面上触发的bookmarklet中的脚本？

Bookmarklet等到Javascript加载完毕: 我有一个加载jQuery和其他一些js库的书签。我如何能：等到我正在使用的javascript库可用/加载。如果我在加载完成之前尝试使用脚本，就像在加载jQuery之前使用$ function一样，会抛出一个未定义的exception。确保我加载的书签不会被缓存（不使用服务器头，或者很明显，这是一个javascript文件： metatag ）有人知道动态添加的javascript的onload是否可以在IE中运行？（与此帖相矛盾）什么是最简单的解决方案，最清晰的解决这些问题？