当前位置: Chrome插件首页 > 开发者插件 > Stylist:自定义网页CSS Chrome插件

Stylist:自定义网页CSS Chrome插件

开发者插件

Stylist:自定义网页CSS Chrome插件图文教程

Stylist插件概述

我们在上时间对着电脑上网后,即使不厌倦了网页的字体也很可能会出现视力疲劳的情况,有事会想自己给Google写CSS?想恶搞网页?或者修改一下网页的字体或者背景色等!这一切的需求,Chrome Stylist都可能帮你实现!Stylist就是这样一款小巧的,可以帮助用户实现自定义网页CSS样式的chrome扩展插件。可以将任何网页以你想修改的样式呈现。

Stylist插件下载安装

Stylist插件哪里可以下载?

你可以从chrome应用商店里找到Stylist插件,如果你的chrome应用商店无法打开,你可以在本站的下方找到Stylist插件下载地址。不过很遗憾,在我整理这篇文章的时候,在chrome应用商店并没有找到这款插件。

Stylist插件怎么安装?
1. 如果你能够打开chrome应用商店,并且可以找到Stylist插件,那么直接点击“添加至chrome”

2.如果你的chrome应用商店无法打开,你从本站或者其他途径获得了Stylist插件,那么就选择离线安装该插件。由于Stylist插件同其他chrome插件一样都是CRX格式的,所以具体的安装方法请参照:怎么在谷歌浏览器中安装.crx扩展名的离线Chrome插件? 如果CRX格式插件不能离线安装怎么办

3.如果chrome商店可以打开,但是找不到这款插件,那么安装方法参见本站chrome浏览器中如何使用已停用的扩展程序和插件?

Stylist插件使用说明

1.在chorme浏览器安装好stylist后,在浏览器的右上方会看到stylist的按钮标记。比如你希望让网页字体变更为徐静蕾字体,就可以在Chrome Stylist的styles中写入: *{font-family: "方正静蕾简体", "华文行楷","微软雅黑", sans-serif !important; } PS:如果是修改字体,那么你的设备中应该已经安装了相应的字体,否则修改是无效的。

2.用户还可以设置背景颜色: 工具->扩展程序找到Stylist  点选项进行设置    如下图所示点Styles--demo---选择All site   再把这段代码粘贴在下面就行了   
 * { background: #C7EDCC !important; }      
其中  #C7EDCC为你要设置的颜色     你可以设置任意颜色   这个颜色是看别人这样说比较保护眼睛   所以也就推荐下  个人觉得这个颜色还不错  
Google Chrome(谷歌浏览器)修改网页背景颜色的办法(比如修改为护眼的豆沙绿) - goodman_yunfei - 过客
附:豆沙绿的参数 RGB颜色 199;237;204 十六位颜色代码 #C7EDCC 色调:85;饱和度:123;亮度:205

3.用户还可以利用stylist的功能屏蔽新浪微博上的广告。
DIY 自己的微博界面或者其他的网站,比如腾讯微博、QQ 空间、Facebook 等等。方法如下:依次点击 “选项” – “设置” – “扩展程序” 和 Stylist 旁的 “选项”。
stylist
点击选项卡中的 “Style” 页签,然后点击 “Add New Style”;在顶部的黑色输入框里输入 “Weibo”;把 Style set 下方的下拉框选择为 “domain”,在旁边的输入框里输入 “weibo.com”;将以下代码复制到最大的文本框里,然后点击 “Save” 保存。
.W_rightModule, __regexoperators___/* 隐藏右侧栏广告 */
.hot_topicad, __regexoperators___/* 隐藏热点话题中的广告 */
#pl_leftnav_app, __regexoperators___/* 隐藏左侧栏的最近应用 */
#trustPagelet_recom_memberv5, __regexoperators___/* 隐藏右侧栏的会员专区 */
#pl_rightmod_noticeboard, __regexoperators___/* 隐藏右侧栏的公告栏 */
__regexoperators___/* 隐藏侧栏微吧内容 */
#trustPagelet_indexright_recom .WB_right_module:last-child,
#topicAD > ul, __regexoperators___/* 隐藏最新的热点话题广告 - 20130815 更新 */
[node-type=hot], __regexoperators___/* 隐藏导航栏里的“热点” */
[node-type=feed_spread], __regexoperators___/* 隐藏信息流里的推广内容 */
[node-type=member], __regexoperators___/* 隐藏导航栏里的“会员”*/
[feedtype=ad], __regexoperators___/* 隐藏信息流里的广告 */
[ad-data] { __regexoperators___/* 隐藏宽幅广告 */
    display: none;
}
[node-type=game] { __regexoperators___/* 隐藏导航栏里的“游戏” */
    visibility: hidden;
}
.WB_webim { __regexoperators___/* 淡化侧面的在线聊天栏 */
    opacity: .3;
}
.WB_webim:hover { __regexoperators___/* 鼠标移到聊天栏上时变回正常 */
    opacity: .9;
}
__regexoperators___/* 下面这些是调松页面布局的 */
.WB_right_module {
    margin: 40px 0 20px;
}
.WB_feed .WB_feed_type {
    margin: 20px 20px 0;
}
#pl_content_homeFeed {
    margin-top: 30px;
}
如下图所示:

Stylist插件相关推荐

1.网站样式管理器-Stylish

2.Vimium插件

Stylist插件英文介绍

Chrome Stylist
User styles are applied to any website, like Stylish.
Customize your web!

experimentally supported for http://userstyles.org/ 查看更多

Stylist:自定义网页CSS Chrome插件图片

  • Stylist:自定义网页CSS插件图片

Stylist:自定义网页CSS基本信息

插件名称:Stylist:自定义网页CSS 插件作者:ss-o.net 插件语言:English 官方站点:暂无官方站点 插件唯一标识:pabfempgigicdjjlccdgnbmeggkbjdhd

Stylist:自定义网页CSS用户数和评分

下载次数:102750 用户评分:4.16578 (共5分) 参与评分人数:567

Stylist:自定义网页CSS文件信息

当前版本:2.1.0 最后更新日期:2020-07-08 文件大小:396KB

Stylist:自定义网页CSS下载地址

Stylist:自定义网页CSS相关插件

Stylist:自定义网页CSS

开发者插件 2019-12-30 22:51:57

我们在上时间对着电脑上网后,即使不厌倦了网页的字体也很可能会出现视力疲劳的情况,有事会想自己给Google写CSS?想恶搞网页?或者修改一下网页的字体或者背景色等!这一切的需

网站样式管理器-Stylish

开发者插件 2018-05-09 17:40:29

Restyle网络与时尚,一个用户样式管理器。时尚让你轻松安装主题和外观的许多著名景点。
用户风格主题的网站。用户样式赋予你的浏览体验,让你自定义的网站。拿出不相关的内容

CSS remove and combine

开发者插件 2019-12-31 00:20:27

CSS remove and combine是一款可以通过创建仅包含正在使用的选择器的新CSS样式表来删除页面上未使用的CSS规则的插件

Code Cola - CSS样式可视化插件

开发者插件 2019-11-04 09:45:31

Code Cola是一款能查看网页代码样式的chrome CSS样式可视化插件,主要能查看页面板块中的所有样式元素,并能通过配置到服务器上的文件进行在线编辑。相信大家都知道,网页设计出来以

css auto reload

开发者插件 2019-11-15 15:31:09

css auto reload 是一个web开发者工具,一款chrome 插件。在写 css 的时候,经常需要不断的切换窗口,刷新页面,查看效果,css auto reload 插件可以在你改变了css并保存好后,自动在页面上重新

ChroPath

开发者插件 2020-03-02 20:14:41

ChroPath插件使您可以轻松地在任何网页上编写,编辑,提取和评估XPath和CSS查询。 ChroPath还用作最佳CSS扩展。

Stylist:自定义网页CSS同类插件推荐

PageRank Chrome插件

开发者插件 2014-12-03 10:17:22

显示当前页面的谷歌的PageRank 。报告同一职级的官员谷歌工具栏。
PageRank是一个Chrome扩展,显示谷歌的PageRank的当前页面。 PageRank的扩展是快速,准确,轻便

快速:
PageRank的扩展直接从谷歌服务器上获取的信息。这就是为什么它工作在最大可能速度

准确:
不像其他类似的应用程序的PageRank扩展提供准确的结果。排名报告的PageRank是一样的军衔报道谷歌官方工具栏

Quick Javascript Switcher Chrome插件

开发者插件 2014-12-04 21:42:31

快速的方法来启用/禁用的Javascript
快速切换的Javascript是一个Chrome扩展,关于由主机和子飞启用/禁用JavaScript的
(不像克里斯Pederick的& QUOT ; Web开发& QUOT ;扩展谁在全球禁用JavaScript的)

例如,禁用JavaScript的上www.google.fr没有禁用translate.google.fr

要永久禁用JavaScript的JS ,打开右键关联菜单,还有就是打开C

小幺鸡 v1.4.5 Chrome插件

开发者插件 2019-11-26 22:25:47

小幺鸡在线接口文档管理系统,支持http,websocket协议。支持json,txt,xml,binary等数据格式在线演示。
1.4.4 增加response headers 支持

react-detector Chrome插件

开发者插件 2016-03-26 14:56:17

Detects ReactJS apps as you browse.
Detects ReactJS apps as you browse. Click on the icon to outline react components on the page (in v0.15.x React no longer adds an id to elements, so we can'

Web Developer Form Filler Chrome插件

开发者插件 2014-12-17 21:12:26

此扩展开发人员使用,以方便填写表格
此扩展开发人员使用,以方便填写表格,同时开发网络页面
提供
的源代码在GitHub上的https : //github.com/abzubarev/web-developer-form-filler-ext

Visual Inspector by CanvasFlip Chrome插件

开发者插件 2019-11-28 08:17:27

什么是新的
-查看所做更改的 CSS 输出
-同步对云的更改
-向页面
-远程共享和协作更改
网站反馈和协作工具修复设计错误。
设计人员无需编码就可以检查/编辑实时网页,这是一个令人愉快的 Chrome 扩展。在不离开网站的情况下远程注释和讨论更改。以下是发布像素完美网站的最佳方法:
-修复设计错误: 可视化实时网页中的变化

Google Maps Platform API Checker v1.1.8 Chrome插件

开发者插件 2019-07-13 20:03:10

M4B 检查器是一个简单的 Chrome 扩展,允许您轻松确定网站是否正确实施了 Google Maps API for Business (M4B) 许可证。在浏览网站时,您可以快速发现网站是否正在使用 Google Maps 的免费消费者版本或 M4B 许可证,以及实施过程中是否发现任何问题。 m4B 检查器是合作伙伴和开发人员的理想选择,它有助于在实施 Google 的 Geo 产品时提供关

LocalStorage Manager v2.4 Chrome插件

开发者插件 2019-11-14 11:59:05

源代码和错误跟踪器可在 https://github.com/gabrielbarros/localstorage-manager “添加、编辑、删除、导出和导入本地存储和会话存储数据” 处找到。
根据维基百科,-
web 存储提供了两个不同的存储区域 -- 本地存储和会话存储 -- 范围和生命周期各不相同。放置在本地存储中的数据是每个源的 (协议、主机名和端口号的组合,如同

Codota - Java Code Viewer Developer Tool v2.7.4 Chrome插件

开发者插件 2019-11-08 09:56:22

将浏览器变成一个强大的代码查看器,让 android 和 java 代码片段变得栩栩如生。Codota 分析网页中的代码片段,并帮助阅读、理解和保存代码。
* 显示代码和 XML 元素的 API 文档
* 突出显示 vars
* 的引用警告过时的 API * 在你的代码框中保存你喜欢的代码片段
* Android 代码示例直接从 Chrome 地址栏

Ripple Emulator (Beta) Chrome插件

开发者插件 2019-05-19 03:33:49

基于浏览器的HTML5移动应用开发和测试工具
欢迎波纹,移动环境模拟器!

纹波是一个多平台的移动环境模拟器,它是定制的移动HTML5应用开发

思科网络设置助理 Chrome插件

开发者插件 2019-01-31 11:04:38

NOTE: Do not install this extension from the web store. If this extension is required, it will be automatically installed on your Chromebook by the network administrator. If you have a problem access

JSON-handle v0.5.6 Chrome插件

开发者插件 2019-10-31 09:23:01

JSON-handle 是一款功能强大的 JSON 数据解析 Chrome 插件。它以简单清晰的树形图样式展现 JSON 文档,并可实时编辑。针对数据量大的场景,可以做局部选取分析。

CSS Shapes Editor Chrome插件

开发者插件 2015-01-21 10:54:00

交互式编辑CSS形状。
创建和调整CSS整形值与交互式编辑器选定的元素重叠。

更新2015年1月13日:
---
提供解决方法的Chrome 40 回归选择编辑元素时,导致编辑失败
< BR / 。 >更新2014年12月8日:
---
本扩展已被冤枉传播恶意软件。它没有。

它的源代码总是可供查阅: https://github.com/oslego/chrome-css-shapes-editor