現場測試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選擇器列表