Stylus插件定制自己的专属网页样式

俞木发

1安装Stylus插件

打开“https：//github.com/openstyles/stylus”链接下载它的最新版。安装完后点击新Edge状态栏中的“S”图标启动插件，在左侧的窗格中可以管理样式，包含查看已安装的样式、导出样式、导入样式、获取样式、更新样式等功能（图1）。

2下载样式

St ylus插件本身并没有自带样式，大家可以根据自己的实际需要下载其他网友制作好的样式文件。在新Edge中打开“https：//userstyles.world/”链接，在搜索框中输入所需样式的关键词，比如经常使用百度搜索的朋友可以输入“baidu”，然后点击搜索结果中的“简百度”（图2）。接着在打开的页面中点击“安装”，在自动打开的Stylus插件窗口中点击“安装样式”，当出现“样式安装完成”的提示后就可以在百度搜索中使用它了（图3）。

3使用样式

为了方便查看应用样式前后的对比效果，先在图1所示的界面中点击“S”图标，去除“简百度”样式的勾选（即暂时不使用此样式）。然后打开百度搜索并输入关键词“电脑”，在搜索结果页面中可以看到广告、热门游戏推荐、相关电子电器产品、百度热搜等内容（图4）。

接下来启用“简百度”样式，然后按下F5键刷新搜索结果页面，可以看到上述的广告、热门游戏推荐、热搜等内容被自动屏蔽了，这就是“简百度”的样式效果（图5）。这样的页面浏览起来是不是更清爽了呢？

4编辑样式

除了直接使用样式默认设置好的功能外，我们还可以根据自己的实际需求对样式进行更多设置。

一种方法是使用样式内置的配置选项。比如可以先到“https：//userstyles.org/”链接下载并使用“百度轻”样式，然后打开百度搜索页面，点击样式图标上方的“通过userstyles.org配置选项”，在打开的窗口中就可以设置是否屏蔽推广链接、是否去除登录按钮、模式切换、设置网页背景等选项了（图6）。

另一种方法是自行修改样式代码，在原来样式的基础上手动编辑代码扩展自己需要的功能。比如为了避免孩子在哔哩哔哩观看直播节目时给主播打赏，可以屏蔽直播界面中的“礼物栏”。先打开“https：//userstyles.world/”链接搜索并安装“bilibili lte”样式，接着打开图1所示的界面，在右侧窗格的样式栏中选择“bilibili lte”样式，在打开的代码窗口中定位到最下方，输入如下代码（JavaScript代码），然后点击左侧窗格中的“保存”按钮（图7）：

/* 屏蔽礼物栏 */

.gift-control-section{

display：none;

这样孩子在新Edge中访问哔哩哔哩的直播页面时，在播放界面的下方就看不到“礼物栏”了，同时样式自带的功能还会自动屏蔽广告链接、彈幕、聊天对话框等内容（图8）。