1

是否有一个插件(你知道我在 google 中没有找到)可以让你在工具栏中每次单击按钮时执行/设置微小的 CSS 属性?

例如,我有一个网站,我需要将某些东西设置为可见,某些不可见以用于测试目的。我现在用 firebug 来做,但我每次都需要导航到元素,然后显示:none-them。

一个可以执行的按钮:

$('#id1').show();
$('.test').hide();

我不想将其添加到代码中,因为我害怕人类的遗忘行为。并且因为它是一个可能导致网站外观不同的元素。

谢谢。

4

1 回答 1

1

您可能会做的是创建所谓的书签。

小书签是可以从书签工具栏中的链接或“书签”在当前页面上运行一些代码的东西。

最受欢迎和最明显的书签示例之一可能是 Pinterest。如果您曾经使用过它,他们会使用书签来运行 JS 代码,该代码会从当前页面中抓取所有图像。非常聪明的东西,但是一旦你了解它就相当简单。

有一个 jQuery 小书签生成器...试试这个链接,看看你的代码的例子:

http://benalman.com/code/test/jquery-run-code-bookmarklet/?name=Run+jQuery+Code&ver=1.3.2&code=%24%28%27%23id1%27%29.show%28% 29%3B%0D%0A%24%28%27.test%27%29.hide%28%29%3B%0D%0A

您应该会在其上看到一个绿色的大按钮。此按钮将运行您的代码。但这本身有什么用呢?您现在需要做的是单击此按钮并将其拖动到浏览器中的书签栏。

然后,当您现在在任何页面上单击此按钮时,它应该会根据需要运行/执行。

希望这可以帮助?米奇

于 2013-01-07T11:38:54.833 回答