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中打开的文件才修改咯。

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

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

chrome浏览器调试JS代码

是怎么调试 JavaScript 程序的?最原始的方法是用 alert() 在页面上打印内容,稍微改进一点的方法是用 console.log() 在 JavaScript 控制台上输出内容。嗯~,用这...

浏览器中的开发人员工具(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:浏览器地址栏右边那个扳手的图标的配置按钮->工具->开发人员工具,...

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

解决方法将静态化脚本中的一行脚本注释掉,如下:document.writeln("");即 function getRootPath() { var pathName = wi...

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

一. 启动:   1.WinMain:在chrome exe工程的chrome_exe_main.cc中,      MainDllLoader* loader = MakeMainDllLoad...

chrome显示12px以下字体的解决方法

chrome显示12px以下字体的解决方法     * {         margin: 0px;         padding: 0px;       ...

ie 开发人员工具使用方法(F12)

refrence:http://blog.csdn.net/xinjoker/article/details/8516914 现在网上关于IE10的开发人员工具并没有详细的中文资料,所以许多开发人员对...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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