当前位置: Chrome插件首页 > 开发者插件 > css auto reload Chrome插件 > css auto reload Chrome插件详细图文介绍

css auto reload 图文介绍

css auto reload Chrome插件图片

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扩展程序,解压你在本站下载的插件,并拖入扩展程序页面即可。
css auto reload插件按使用
3.最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息,参照:Chrome插件安装时出现"CRX-HEADER-INVALID"解决方法,安装好后即可使用。
4.在chrome浏览器安装好后,在浏览器的右上方会出现css auto reload插件的按钮。
css auto reload插件按使用
5.它可以在你改变了css 并保存后,自动在页面上重新载入这些css 文件,且不会破坏代码。
css auto reload插件按使用

CSS

css auto reload 相关插件推荐

Most Agile接口测试插件

开发者插件 2020-02-18 08:26:08

专为接口测试而生,配合接口管理平台实现更强大的功能,支持在线测试、支持发送文件请求,以及支持更多的请求协议。

Quick source viewer

开发者插件 2015-02-09 11:08:40

查看网页源: HTML JavaScript的 CSS
快速源代码查看器是一个Chrome扩展,显示HTML , Javascript和页面在一个快速和紧凑的方式CSS
来源

。源代码是语法彩色,美化,方便阅读。

工具栏中的徽章计数器显示Javascript和CSS的节点数量。

文件大小和缓存头的显示方式。

显示器还具有内嵌的JavaScript onclick处理。

Atomic CSS Devtools

开发者插件 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.

Q-Share for chrome

开发者插件 2014-11-22 21:00:40

腾讯微博分享插件Q-Share
这是chrome插件版本的Q-Share,使用本插件,当你在你访问任意网站的时候,可以将喜欢的文字内容或文字选中后右键点击“分享到腾讯微博”将它分享到腾讯微博,也可以点击浏览器右上角的分享按钮将内容进行分享。

Syntax!

开发者插件 2015-05-22 14:26:50

Syntax highlight for f2ers!
Syntax highlight!
Based on civet!
修复了github,gitlab预览颜色bug
引擎升级到1.0.7

极简二维码

开发者插件 2019-05-27 11:31:09

Chrome极简二维码生成工具

这是一款功能简单的二维码生成工具,基于node-qrcode、bootstrap、mrw.so短地址服务实现。用于取代其他同类产品。

## Thanks
- https://github.com/soldair/node-qrcode
- https://getbootstrap.com/
- http:/

Augury v1.22.0

开发者插件 2022-05-03 11:09:45

Augory 是 Google Chrome 开发工具的扩展,用于在运行时调试和可视化 Angular 应用程序。
-1.22.0 版本中的新功能
* 修复了启用 HMR 的应用程序的问题

Redirect Path v2.2.1

开发者插件 2019-03-25 17:11:00

重定向路径标记了 301,302,404 和 500 个 HTTP 状态代码,以及像 Meta 和 Javascript 重定向这样的客户端重定向,带来了可能不会立即引起你注意的潜在问题。除了标记重定向和错误之外,插件

Enable Copy:破解网页无法复制的限制

开发者插件 2018-05-09 17:36:14

Enable Copy是一款可以帮助用户解除网页无法复制限制,一键解除封锁右键和选取文字的限制的chrome插件。在chrome浏览器中安装enable copy插件之后不需要特别设定,只要在扩充套件工具栏单

View IP address

开发者插件 2020-08-07 00:10:16

View IP address是一款能帮你快速查找IP地址并查看其他信息,而无需打开其他第三方页面的chrome插件。

魔变

开发者插件 2022-05-02 11:38:52

魔变可以一键切换为手机、平板电脑、PC浏览器的UserAgent,方便开发者在PC上测试网站,以解决网站的兼容性问题,魔变是一款UserAgent变身神器,Web前端开发利器。

Web Developer Form Filler

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

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

CDN Headers & Cookies v2.0.5

开发者插件 2019-12-18 06:43:48

这个扩展是开发人员和希望一站式查看所有 http 头和 cookies 的人的最佳伴侣。它还可以加载 Akamai 响应头 (CDN 特定头)。
包括以下功能。
1) 加载请求标题 (对于请求的 URL 页面级别)
2) 添加/编辑/删除自定义请求标题
3) 加载默认响应头和 Akamai 响应头 (对于请求的 URL-page 级别)

Remove line breaks from translator

开发者插件 2020-03-15 14:31:24

用来自动去除换行符,并自动分段(仅支持英文到其他语言的翻译),使翻译更准确。
支持以下翻译网站:
translate.google.cn
translate.google.com
fanyi.youdao.com
fanyi.baidu.com
cn.bing.com/translator

暂没有插件开关按钮,后面再增加。

CSS3 Click Chart

开发者插件 2015-12-07 11:40:03

酷和快速访问在线CSS3图
此扩展增加了一个功能强大的CSS3图表,您正在查看的页面