浏览器更改实现webstrom等前端编辑器的同步更新

　　经常写css时是不是浏览器调一下几像素，然后会编辑器改改改，有时候改好几次，真的是累死宝宝了，最近发现了谷歌浏览器的强大功能，更改实现代码同步更新，直接可以浏览器写代码同时实现同步刷新了，而且最重要的不需要借助任何插件，只要有谷歌浏览器就好,下面分享一下实现的步骤。

1.工具准备

　　前端编辑器肯定是必须的啦，另外还需安装谷歌浏览器

2.在浏览器打开要同步的项目——F12打开控制台---sources(如下图）

3.接下来的操作就很关键啦sources下找到文件路径--右键add folder...----找到文件本地路径双击---浏览器会提示是否允许添加点允许--回到sources找到任意一个HTML文件------右键map file system....----控制台出现本地html双击选中

4.然后就可以实现功能啦

　　不过，有时候你会发现，这样打开后会出现中文或者注释的乱码，解决方法也很简单，把编辑器的编码格式都改成utf-8就可以了，由于每个编辑器的更改方法都不同，就不详细说明了，相信大家也都会！

~~~好东西就是要分享~~~

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　dan 2017.05.18

转载于:https://www.cnblogs.com/liudannoone/p/6872781.html

浏览器更改实现webstrom等前端编辑器的同步更新相关推荐

推荐几款前端编辑器（还在因为只知道一个编辑器被同事嘲笑吗？看完给他上一课！！！）
一,VSCode 微软出厂的高颜值编辑器 VSCode官网 1.加载大文件几乎秒开,运行速度很快 2.跨平台的文本编辑器,内置了对许多主流语言的支持 3.非常方便的管理插件,可以快速找到适合自己的前端 ...
bracket怎么新建HTML,Adobe Brackets如何安装网页前端编辑器Brackets怎么用
Adobe Brackets如何安装和使用?网页前端编辑器Adobe Brackets好用吗?Brackets是编程工具,是很多初学者喜欢使用的网页前端编辑工具,能安装插件,让用户在编辑界面上边编辑边 ...
前端更新需要清空浏览器缓存_浏览器缓存机制分析及前端缓存清理
浏览器缓存机制分析及前端缓存清理发布时间:2018-06-03 16:56, 浏览次数:857 本文主题:理清浏览器的缓存机制的内部逻辑,并给出避免浏览器缓存的相关解决方案相信很多新手前端发布页面 ...
【超级无敌详细的黑马前端笔记！即时更新~】
[超级无敌详细的黑马前端笔记!即时更新~] 这个笔记,是我自己在同步学习黑马前端使用的,不可以商用哦学习路径基础概念铺垫(了解) 认识网页五大浏览器和渲染引擎 Web标准 HTML初体验 HTM ...
关于火狐浏览器在ubuntu和安卓手机上的同步
最近在ubuntu使用火狐浏览器,感觉还不错.我想着,如果在我的安卓手机上装一个火狐浏览器,我就可以在手机上查看电脑上所收藏的网站了.然后我就去安卓应用市场下载了最新版的火狐浏览器.令人奇怪的是,我在 ...
购物网站前台后台思维导图_【思维导图】前端开发JavaScript巩固你的JavaScript知识体系(网站同步更新)...
JavaScript基础语法网站同步更新:http://www.dadaqianduan.cn/#/%E5%89%8D%E7%AB%AF%E5%A4%8D%E7%9B%98%E8%AF%BE/Jav ...
傲游手机浏览器（Maxthon Moblie）正式版全球同步发布
12月14日,傲游手机浏览器(Maxthon Moblie)正式版全球同步发布.作为国内首款通过云端技术实现跨平台同步功能的智能手机浏览器,用户可以随心所欲的在手机.平板.笔记本之间进行包括收藏在内的 ...
Fundebug前端异常监控插件更新至2.4.0，支持配置breadcrumbSize
摘要: 灵活配置 breadcrumbSize,记录更多用户行为数据. Fundebug 前端异常监控服务 Fundebug提供专业的前端异常监控服务,我们的插件可以提供全方位的异常监控,可以帮助开发 ...
Ubuntu14.04安装火狐浏览器中国版（firefox）实现书签同步
由于火狐浏览器(firefox)拥有国际版和中国版两个不同的服务器,因而互相之间账号独立,不能相互同步书签.而ubuntu系统中自带的firefox浏览器是国际版的,为了能够和Windows下的中文版 ...

浏览器更改实现webstrom等前端编辑器的同步更新

浏览器更改实现webstrom等前端编辑器的同步更新相关推荐

最新文章

热门文章