永久更改HTML元素

时间:2017-06-09 07:31:05

标签: html macos google-chrome element

我每天浏览一个网站几次,并禁用一个按钮,我必须从开发人员菜单/元素

手动启用它
<div class="actioning-buttons">
  <button class="action-button one-action-button" disabled="">Number 1</button> 
</div>

我是否可以自动为此数据库/网站启用此功能,而无需一直进行手动编辑?

PS Im使用Google Chrome for OSX

2 个答案:

答案 0 :(得分:8)

您可以创建一个简单的bookmarklet来实现此目的。当您触发书签时,您的浏览器将在当前页面的上下文中运行代码。我知道这不是真正自动化的过程,但由于你没有固定的页面URL,这可能需要做。这绝对是每次打开开发人员工具并手动编辑代码的改进。

这是一个书签,在运行时会查找包含buttonaction-button类的所有one-action-button,然后删除disabled属性。

javascript:Array.from(document.getElementsByClassName('action-button one-action-button')).forEach(function(v){v.removeAttribute("disabled");});

只需添加新书签,在URL /位置字段中输入上述代码,并将其保存到方便的位置。每次要删除已禁用的属性时单击它。

如果您还有其他需要,请告诉我们!

答案 1 :(得分:4)

这是用户脚本管理员的工作。

用户脚本管理器的任务是将用户定义的脚本注入他们自动访问的站点。

对于Firefox,Greasemonkey就在那里,对于Chrome,Tampermonkey就在那里

安装扩展程序后,请执行以下步骤

  • 转到您希望其工作的网站

  • 点击图标,然后选择创建新脚本 enter image description here

  • 它会给出一个像这样的页面

enter image description here

  • 输入脚本并保存。