chrome debuge(F12)调试代码后直接保存方法

原创 2015年07月09日 17:35:20

Created by Yiyi_coding
Last edited at 2015年7月9日16:56:12


First blood

终于狠下心决定好好学点东西,做点东西,第一篇博客!頑張ります。 —— [YiyiCoding]

现在正在做的是一个手机端web开发的项目,仅仅面向chrome浏览器,这简直是业界良心啊。不用去其他浏览器兼容性问题。好评!
项目还没开始,最近一直是学习阶段,各种学,什么HTML,CSS,JavaScript,web service,小白表示压力很大。
不过这个阶段也能学到很多之前完全不知道的东西,比如chrome调试代码后直接保存的方法,之前都是改一点HTML,JS再保存,然后刷新页面,一气呵成,不行再改!着实有点麻烦,现在的方法便利多了,具体如下:
1、打开chrome后,按F12,打开 Developer Tools 开发者工具,然后单击右侧的设置图标。切换到 Workspace 点击 Add folder 按钮,浏览添加本地文件夹或文件。选择后,浏览器会有一个提示,请进行确认。
这里写图片描述
2、选择Source 选项卡,ctrl+o 或者鼠标选择刚添加相应的文件,打开后即可进行编辑,编辑后可以按ctrl+s进行保存。
左边侧栏有两个,下面的是添加之后的文件夹
3、在编辑过程中,可以右键选择 Local modifications ,选择 revert 进行还原操作。
一定要在添加的文件夹中找到源文件,然后修改,保存哦,不足之处:我试验的时候文件更新有一点延迟,当时是用webstorm打开的源文件,调试端更改之后,过了几秒钟,webstorm中打开的文件才修改咯。

以上です、ご覧いただいてありがとうございます。

c++中类对象的初始化过程

创建的类对象的过程: 分配内存空间, 初始化 其中初始化分为2步:(1) 成员初始化, 例如成员为类对象,就会调用类对象成员的构造函数。 构造函数初始化。 在成员初始化时,如果构造函数...
  • wzb56
  • wzb56
  • 2012年06月04日 17:10
  • 1426

eclipse编码格式全部正确,网页中文显示依旧乱码问题

中文乱码问题真的是一个很棘手的问题,特别是从前台传到后台之后,都不知道问题出在哪里了。现在分享解决javaWEB中前后台中文乱码问题的3种方法。 方法一: tomcat的自带编码是ISO-8859...

浏览器中的开发人员工具(IE9的F12和Chrome的Ctrl+Shift+I)-网页分析的利器

【什么是浏览器中开发人员工具Developer Tools】 之前无意间知道了Chrome中有个开发人员工具,后来又无意间发现IE9中也有类似的工具,都可以用来调试网页,对于网页相关开发,比如分析网...

Chrome F12 之 Timeline页面性能分析

虽然做前端不应有偏见,但我的确更喜欢Chrome浏览器,它的V8引擎带来无比畅快的运行速度,它的CSS兼容性最接近标准,它的F12最好用,界面简洁没有任何多余,虽说有时安装应用扩展不太方便,但对开发如...

浏览器中的开发人员工具(IE9的F12和Chrome的Ctrl+Shift+I)-网页分析的利器

【如何打开“开发人员工具”】 IE9:Tools->F12 Developer Tools,快捷键是F12 Chrome:浏览器地址栏右边那个扳手的图标的配置按钮->工具->开发人员工具,...

Chrome浏览器F12开发者工具的几个小技巧总结

1、直接修改页面元素 2、颜色取色器 3、快速查找并定位文件 4、编辑源代码 5、只分析异步请求资源...
  • gdjlc
  • gdjlc
  • 2017年06月09日 10:59
  • 2208

F12 点开的童话——chrome开发者工具使用基础

chrome开发者工具使用技巧 以及 小插件

F1V3.0-图形-svg渲染效果在chrome下失效解决方法

解决方法将静态化脚本中的一行脚本注释掉,如下:document.writeln("");即 function getRootPath() { var pathName = wi...
  • ZHBR_F1
  • ZHBR_F1
  • 2017年07月13日 12:53
  • 281

chrome代码总结 --- 发文于2013-12-11

一. 启动:   1.WinMain:在chrome exe工程的chrome_exe_main.cc中,      MainDllLoader* loader = MakeMainDllLoad...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:chrome debuge(F12)调试代码后直接保存方法
举报原因:
原因补充:

(最多只允许输入30个字)