实时测试jQuery选择器

时间:2010-04-08 12:24:13

标签: jquery firefox testing plugins live

是否可以使用某种浏览器插件(Firefox)在一些随机网页上方便地测试jQuery选择器?

如果可以自动突出显示所选元素,那就太好了。

4 个答案:

答案 0 :(得分:11)

Firebug + jQuerify bookmarklet(如果网页上没有包含jQuery)。

您可以使用大纲$('.test').css('outline', '3px solid red');

实现突出显示

答案 1 :(得分:5)

是的,您只需将Firebug用于 Firefox或Chrome ,或者您可以使用jsBin之类的内容。萤火虫正是你所需要的

希望这有帮助

答案 2 :(得分:1)

将jQuery嵌入Chrome控制台的完美扩展程序尽可能简单。如果jQuery已经嵌入到页面中,这个扩展也会提出异议。

此扩展用于将jQuery嵌入到您想要的任何页面中。它允许在控制台shell中使用jQuery(您可以通过“Ctrl + Shift + j”调用Chrome控制台)。

要将jQuery嵌入到选定的选项卡中,请单击“扩展”按钮。

LINK 到分机: https://chrome.google.com/extensions/detail/gbmifchmngifmadobkcpijhhldeeelkc

答案 3 :(得分:1)

你可以使用http://selectortester.ru - 它的在线jQuery | CSS选择器测试器。 有了网站U可以下载页面或粘贴HTML和测试选择器,你也可以找到CSS和JQUERY选择器列表