现场测试jQuery选择器

Question

是否可以使用某种浏览器（Firefox）插件​​方便地测试某些随机网页上的jQuery选择器？

这将是很好，如果它可以自动突出显示选中的元素。

Answer 1

Firebug + jQuerify bookmarklet（如果没有的jQuery包含在页面上）。

可以实现使用轮廓突出，$('.test').css('outline', '3px solid red');

Answer 2

是的，你可以简单地使用Firebug为Firefox或Chrome，或者，你可以使用像jsBin。萤火虫是什么，你需要

希望这有助于

Answer 3

完美延伸到jQuery的嵌入到浏览器控制台一样简单，你可以想像。如果jQuery已经嵌入到页面中，这个扩展也会引起注意。

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

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

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

Answer 4

U可以使用http://selectortester.ru - 这是网上的jQuery | CSS选择器测试仪。 随着网站U可以下载页面或粘贴HTML和测试选择器也可以找到CSS和JQUERY选择器列表