stylus插件改变html,[Chrome插件] Stylus 一个调整网页外观的用户样式管理器

Stylus是一款Chrome浏览器扩展,用于调整网页外观,提供用户友好的主题和皮肤安装功能。它是Stylish的分支,后者停止开发后由原作者以外的团队接手。Stylus强调隐私,移除了分析功能,增加了备份和自定义样式自动更新等新特性。用户可以编写CSS样式或使用他人分享的样式,自定义网页布局,去除广告等元素。
摘要由CSDN通过智能技术生成

本帖最后由 a4613597 于 2019-12-16 16:16 编辑

thread-1074455-1-1.html

thread-1074455-1-1.html

查重:

55fd2b2273b5a8b4531f72773c469d6e.gif

stylus.png (26.74 KB, 下载次数: 0)

2019-12-16 10:19 上传

thread-1074455-1-1.html

thread-1074455-1-1.html

Chrome商店概述:

Stylus 是一个调整网页外观的用户样式管理器。它可让您轻松地为许多热门网站网站安装主题和皮肤。

请注意我们的扩展名称是 Styl“us”而不是 Styl“ish”,在知名扩展 Stylish 停止开发后(后续接手者并非原作者),我们在它的分支 1.5.2 版本基础上开发了 Stylus。Stylus 重写并优化了大部分的代码以提高性能。

相较于 Stylish 只是它新团队的私有软件,Stylus 为人民所创,为人民服务。Chrome 版的 Stylish 默认开启了隐私分析记录,它的界面也非常的简陋,对于中高端用户来说,使用 Stylish 创建和编写 CSS 样式,非常的麻烦。

创建 Stylus 的主要目标是删除所有分析功能,并回到更加用户友好的用户界面。它还添加了其他重要的新功能,比如备份功能,以及直观、可定制的样式自动更新功能。

相关链接thread-1074455-1-1.html

thread-1074455-1-1.html

简单来说就是可以diy网页样式:

Stylus是一款能改变网站样式的chrome网页样式管理器,该插件主要能将他人提供的网页样式或自己编写的样式安装在网页中,在不改变网页整体布局的情况下将其变成使用者需要的样子。在安装了该插件后,使用者可以在插件提供的网站上下载其他网站的样式进行安装,也可以自己编写一些样式代码来调整网页,若是这些样式在安装后出现了一些问题,还可以直接通过插件的选项窗口来管理或一键禁用这些样式。

thread-1074455-1-1.html

thread-1074455-1-1.html

使用方法:

如果你会CSS并且也喜欢自己DIY的话,那么这款插件绝对适合你stylus可以自己编写css样式,想让网页呈现什么样子自己说了算(也可以找dalao的代码复制粘贴都可以)55fd2b2273b5a8b4531f72773c469d6e.gif

编写.png (62.18 KB, 下载次数: 2)

2019-12-16 10:19 上传当然,stylus也可以修改别人编写好的样式,来更符合自己的喜好55fd2b2273b5a8b4531f72773c469d6e.gif

修改.png (86.95 KB, 下载次数: 2)

2019-12-16 10:19 上传

----------------------------------------------------------------物理分割线----------------------------------------------------------------如果你不会CSS,没关系,有许多现成的样式可以直接拿来用。在你想diy的网页点击插件图标,然后点击 查找更多样式55fd2b2273b5a8b4531f72773c469d6e.gif

1.png (19.51 KB, 下载次数: 1)

2019-12-16 10:19 上传就可以看见当前页的现成的样式,这里拿百度举例子55fd2b2273b5a8b4531f72773c469d6e.gif

2.png (72.38 KB, 下载次数: 2)

2019-12-16 10:19 上传选择你喜欢的点击即可食用添加样式后的百度首页55fd2b2273b5a8b4531f72773c469d6e.gif

百度修改后样式.png (39.54 KB, 下载次数: 2)

2019-12-16 10:19 上传

添加样式后的百度搜索,是不是更简洁了,而且还没有牛皮癣广告了。这里搜索结果可以设置单列,双列,三列等,看个人喜好吧。55fd2b2273b5a8b4531f72773c469d6e.gif

修改后的百度搜索.png (170 KB, 下载次数: 2)

2019-12-16 10:23 上传

thread-1074455-1-1.html

thread-1074455-1-1.html

对于已经安装的样式可以在这里管理↓

55fd2b2273b5a8b4531f72773c469d6e.gif

image.png (20.19 KB, 下载次数: 2)

2019-12-16 10:39 上传

打开样式管理器就可以看见所有已经安装的样式

55fd2b2273b5a8b4531f72773c469d6e.gif

插件.png (142.38 KB, 下载次数: 2)

2019-12-16 10:19 上传

thread-1074455-1-1.html

thread-1074455-1-1.html最后附上下载地址:喜欢的老爷们,请尽情的投喂热心值和cbChrome商店:https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne蓝奏云:https://www.lanzous.com/i81m03e  密码:gbdr

离线安装方法可以参考我的另一个帖子:https://www.52pojie.cn/thread-1073417-1-1.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
通过正则表达式修改web页面HTML源代码。 这个简单的扩展名可以自动修改网页HTML源代码(仅忽略http页面,https页面)。 它使用JavaScript正则表达式(RegExp)识别URL并执行搜索和替换操作。 重要提示:由于Chrome仅提供异步消息传递,因此该扩展程序仍在运行时,网页上的脚本可能已经在执行! 换句话说,使用此扩展名修改JavaScript内容可能无法按预期方式工作。 要使用此扩展,需要具备JavaScript正则表达式的知识! JavaScript正则表达式与Perl兼容正则表达式(PCRE)非常相似。 扩展程序的选项面板最多可以定义100个修改规则,这些规则在页面完全加载后应用。 “ URL Match RegExp”包含一个正则表达式,该正则表达式定义了将在哪些URL上应用规则。 使用正则表达式时不带任何修饰符。 “搜索RegExp”包含一个正则表达式,该正则表达式定义了在HTML代码中搜索的内容。 仅当页面的URL与“ URL Match RegExp”匹配时才应用。 它可以包含子模式。 “修饰符”包含“搜索RegExp”的修饰符。 我知道三个可能的修饰符,“ g”(替换所有匹配项;您可能需要这样做),“ i”(执行不区分大小写的搜索)和“ m”(多行模式,^和$匹配beginnung和end行)。 “替换”显然包含替换匹配的内容。 它可以使用$ 1 .. $ 9来引用子模式匹配项。 输入的所有正则表达式均不带分号。 更改仅在单击“保存”按钮后生效。 但是,如果扩展名在任何一个正则表达式中检测到错误,则不会保存任何内容。 如果为选项卡打开了Chome的Developer Tools窗口,则控制台将显示一些有关匹配模式的信息。 所有规则都保存在本地存储中。 AutoReplaceHTML是免费软件。 它没有任何保修。 此扩展程序受FoxReplace的启发。 如果有人愿意提供更好的图标,我很乐意使用它。 支持语言:English
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值