Page Manipulator是功能强大的浏览器扩展。它能够把HTML、CSS或JavaScript注入网页,自动保存更改,支持页面加载前运行CSS,右键还能获取元素CSS路径。可用于主题制作、网站测试等,操作轻松便捷,为网页操作带来更多可能
功能:
- 自动将自定义HTML,CSS和/或JavaScript注入您指定的页面。
- 在完整加载页面之前运行自定义CSS,因此您不会首先看到原始页面。
- 在旅途中注入JavaScript。
- 在GO上添加/删除/更改HTML和CSS。
- 右键单击页面上的任何元素以获取完整的CSS路径。
- 自动保存您所做的更改。
- 在您的Google帐户中同步包含少于8000个字符的文件。
- 包含8000个字符的文件在本地存储。
有趣的用例:
- 作弊简单的游戏,例如T. Rex游戏。
- 为任何网站制作自己的黑暗主题。
- 测试您正在研究的网站。
- 无论您想像什么,都有创造力;)
如何使用:
- 简单,首先打开扩展名。
- 选择“ JavaScript”,“ CSS”或“ HTML”。
- 通过按“新”来创建一个新文件。
- 在此处编写您自己的代码或从示例中获取一些:https://github.com/ruud14/page-manipulator/tree/tree/master/examples
- 按“操纵”按钮测试您的代码。
- 为了确保每次访问特定页面时都运行代码,请执行以下操作:
- 将网站的URL放在“活动网站”输入中。
- 检查“活动”复选框。
- 按钮功能:
- “重新加载”按钮:
- 将重新加载当前页面。
- “活动”复选框:
- ON>该代码将在“活动网站” TextArea中指定的页面上自动运行。
- 关闭>仅在按“操纵”按钮时,代码才会运行。
- “活动网站” Textarea:
- 您可以指定要代码在此处运行的网站。
- “匹配页面”下拉列表:
- 'Exact'>仅当页面的URL与“ Active网站” TextArea中的URL之一完全相同时,代码才会运行。 (包括最后的斜线!)
- “递归”>代码还将在“活动网站”中指定的URL的所有子页面上运行。
- “页面上的位置”下拉列表(仅使用HTML):
- 'top'> HTML将添加到页面顶部。
- '底部'> HTML将添加到页面底部。
- “替换”> HTML将替换页面的整个身体HTML。
- “操纵”或“更新manip”。按钮:
- 将代码注入页面或更新注入。
- **当未选中“活动”复选框时,此按钮也可以工作。**
- “删除manip”。按钮:
- 从页面上删除操纵。
- 如果检查了“自动⟳”复选框,则按下'删除manip'后,该页面将自动重新加载。按钮。 “主动”复选框也将不受限制。
- “删除”按钮:
- 从存储中删除当前文件。
- 您可以右键单击页面上的任何元素以获取该元素的CSS路径。
插件安装说明
1、在打开的谷歌浏览器的扩展管理器
就是点击最左侧的三个点,在弹出的菜单中选择【更多工具】——【扩展程序】
或者你可以在地址栏中直接输入chrome://extensions/
2、进入扩展程序页面后将开发者模式打勾
3、最后将解压出来的crx文件拖入到浏览器中即可安装添加
4、如果出现无法添加到个人目录中的情况,可以将crx文件右键,然后选择【管理员取得所有权】,再尝试重新安装
5、安装好后即可使用

扫码关注公众号,发【识别码】获取