css auto reload 是一个web开发者工具,一款chrome 插件。在写 css 的时候,经常需要不断的切换窗口,刷新页面,查看效果,css auto reload 插件可以在你改变了css并保存好后,自动在页面上重新载入这些css 文件,且不会破坏代码,不用切换窗口、刷新,以达到立即展现你刚刚做的改变的目的。
注:中文翻译来自GOOGLE
css auto reload插件概述
css auto reload 是一个web开发者工具,一款chrome 插件。在写 css 的时候,经常需要不断的切换窗口,刷新页面,查看效果,css auto reload 插件可以在你改变了css并保存好后,自动在页面上重新载入这些css 文件,且不会破坏代码,不用切换窗口、刷新,以达到立即展现你刚刚做的改变的目的。特别适合在双屏环境下进行web 前端开发,使你不必在编辑器和浏览器之间不停的切换, 提高工作效率。
css auto reload插件特点
1.只需要安装一个 chrome 插件,不需要特殊的服务器端,不需要特意改变你的页面
2.需要的时候,只需要点击一下插件栏的图标即可对当前页面开启监控,不需要的时候,再次点击以关闭
3.此插件不会更改任何 DOM 结构,也不会在你页面的 js 执行环境中执行任何 js ,绝不干扰你页面的任何代码
4.在你没改变 css 的时候,页面不会 reload css ,调试面板中网络一栏不会多出很多请求
5.支持 css 和 page 不同域的情况
6.支持 css 相对路径,绝对路径
7.支持 @import , @import 进来的 css 如果发生了改变也会 reload
css auto reload插件按使用
1.你可以从chrome应用商店里找到css auto reload插件,如果你的chrome应用商店无法打开,你可以在本站的下方找到css auto reload插件下载地址,当然你也可以借助于
或者其他手段访问chrome应用商店。
2.离线安装的方法参照一下方法:老版本
chrome浏览器,首先在标签页输入【chrome://extensions/】进入chrome扩展程序,解压你在本站下载的插件,并拖入扩展程序页面即可。
3.最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息,参照:
Chrome插件安装时出现"CRX-HEADER-INVALID"解决方法,安装好后即可使用。
4.在
chrome浏览器安装好后,在浏览器的右上方会出现css auto reload插件的按钮。
5.它可以在你改变了css 并保存后,自动在页面上重新载入这些css 文件,且不会破坏代码。
css auto reload插件LOGO图片
css auto reload 相关插件推荐
开发者插件
2020-02-18 08:26:08
专为接口测试而生,配合接口管理平台实现更强大的功能,支持在线测试、支持发送文件请求,以及支持更多的请求协议。
开发者插件
2015-02-09 11:08:40
查看网页源: HTML JavaScript的 CSS
快速源代码查看器是一个Chrome扩展,显示HTML , Javascript和页面在一个快速和紧凑的方式CSS
来源
。源代码是语法彩色,美化,方便阅读。
工具栏中的徽章计数器显示Javascript和CSS的节点数量。
文件大小和缓存头的显示方式。
显示器还具有内嵌的JavaScript onclick处理。
的
开发者插件
2019-10-29 07:59:37
A handy devtools extension for atomic css user. Transform element style to atomic css class automatically from your chrome devtool Element panel.
开发者插件
2014-11-22 21:00:40
腾讯微博分享插件Q-Share
这是chrome插件版本的Q-Share,使用本插件,当你在你访问任意网站的时候,可以将喜欢的文字内容或文字选中后右键点击“分享到腾讯微博”将它分享到腾讯微博,也可以点击浏览器右上角的分享按钮将内容进行分享。
开发者插件
2015-05-22 14:26:50
Syntax highlight for f2ers!
Syntax highlight!
Based on civet!
修复了github,gitlab预览颜色bug
引擎升级到1.0.7
开发者插件
2020-06-13 01:02:53
Open SEO Stats是一款用于实时了解网站SEO信息的chrome SEO网页信息工具。
开发者插件
2018-04-30 20:20:22
VViewer is a Chrome extension for view variables in your web pages.
开发者插件
2019-05-27 11:31:09
Chrome极简二维码生成工具
这是一款功能简单的二维码生成工具,基于node-qrcode、bootstrap、mrw.so短地址服务实现。用于取代其他同类产品。
## Thanks
- https://github.com/soldair/node-qrcode
- https://getbootstrap.com/
- http:/
开发者插件
2015-12-10 07:48:53
允许在Chrome刮硬件扩展。
开发者插件
2019-02-14 00:01:20
EditThisCookie是一个cookie管理器。您可以添加,删除,编辑,搜索,保护和块饼干!
灵感缺乏谷歌浏览器的好cookie管理器的我开发这个简单的小,非常有用的扩展,它可以让你执行任何
开发者插件
2015-03-20 16:46:45
前端工具集
前端工具集
开发者插件
2022-05-03 11:09:45
Augory 是 Google Chrome 开发工具的扩展,用于在运行时调试和可视化 Angular 应用程序。
-1.22.0 版本中的新功能
* 修复了启用 HMR 的应用程序的问题
开发者插件
2019-03-25 17:11:00
重定向路径标记了 301,302,404 和 500 个 HTTP 状态代码,以及像 Meta 和 Javascript 重定向这样的客户端重定向,带来了可能不会立即引起你注意的潜在问题。除了标记重定向和错误之外,插件
开发者插件
2018-05-09 17:36:14
Enable Copy是一款可以帮助用户解除网页无法复制限制,一键解除封锁右键和选取文字的限制的chrome插件。在chrome浏览器中安装enable copy插件之后不需要特别设定,只要在扩充套件工具栏单
开发者插件
2020-08-07 00:10:16
View IP address是一款能帮你快速查找IP地址并查看其他信息,而无需打开其他第三方页面的chrome插件。
开发者插件
2022-05-02 11:38:52
魔变可以一键切换为手机、平板电脑、PC浏览器的UserAgent,方便开发者在PC上测试网站,以解决网站的兼容性问题,魔变是一款UserAgent变身神器,Web前端开发利器。
开发者插件
2014-12-17 21:12:26
此扩展开发人员使用,以方便填写表格
此扩展开发人员使用,以方便填写表格,同时开发网络页面
提供
的源代码在GitHub上的https : //github.com/abzubarev/web-developer-form-filler-ext
开发者插件
2019-12-18 06:43:48
这个扩展是开发人员和希望一站式查看所有 http 头和 cookies 的人的最佳伴侣。它还可以加载 Akamai 响应头 (CDN 特定头)。
包括以下功能。
1) 加载请求标题 (对于请求的 URL 页面级别)
2) 添加/编辑/删除自定义请求标题
3) 加载默认响应头和 Akamai 响应头 (对于请求的 URL-page 级别)
开发者插件
2020-03-15 14:31:24
用来自动去除换行符,并自动分段(仅支持英文到其他语言的翻译),使翻译更准确。
支持以下翻译网站:
translate.google.cn
translate.google.com
fanyi.youdao.com
fanyi.baidu.com
cn.bing.com/translator
暂没有插件开关按钮,后面再增加。
开发者插件
2015-12-07 11:40:03
酷和快速访问在线CSS3图
此扩展增加了一个功能强大的CSS3图表,您正在查看的页面