使用Adguard执行js脚本,修改CSS样式

一些自己平常使用频率高,但移动端体验感不佳?按钮无法自适应自己的手机,不能满足使用需求?那就自己写样式吧~

简述

仅作记录,不做推广。可以参考着看看,去改写自己所需要使用的网站样式。

提到浏览器js脚本可能大家更多的会使用某猴,它确实好用。不过手机移动端的一些浏览器开启拓展还是挺麻烦的,博主这里是选用Adguard来实现所需要的效果,本质上规则都通用,因此选择一个自己喜欢的方式,能实现目的,怎么开心怎么来。

  • 随手录(效果)

[bvideo bv="1eD4y1672t"][/bvideo]

简单过程

打开目标网站,开启开发者工具,ctrl+shift+c 选择需要改用的元素,然后?想怎么写就怎么写。

使用

样式确定好了之后,就可以使用软体/插件执行脚本来插入请求。

  • Windows端、安卓移动端:软件——设置——拓展——添加拓展,需要将脚本文件保存到电脑/手机里,或者上传到其它可以被访问的地方,选择导入就可以了。

效果参考

这里简单贴一下图怪兽下载按钮的样式修改:在手机网页端开启PC模式后,可以按到下载按钮。这样子的话出门在外,身边没有大屏设备又急需要导出其它格式的素材就不用慌了。一台手机足够完成 ~ 有需要可以参考看看。

本内容需要登录后查看

其它玩法

碎碎念

  • 样式可以简单的在pc端里测试好了,再去写脚本。
  • 脚本里最好能指定 @match 参数,支持通配符 * ,最小限度的让其它网站的不受脚本影响。
  • 如果需要使用其它的函数,需要定义 @grant 。
如果使用的是Adguard,那么修改或者添加脚本可能不是实时生效,一般要F5刷新两次才开始生效。可以简单的加个console.log('内容'),或者其它方式来判断更改、新增是否生效。
阅读剩余
THE END