chrome中workspace配置达到同步修改本地文件的作用

在前端开发中，我们经常需要在浏览器中进行调试，特别是一些样式的修改，如果你还是先在浏览器elements中调试好在复制到本地文件，那就真的out了。

chrome浏览器的workspace功能完全可以帮你实现同步修改，但需要一些设置。好了，废话不多说，先看下面的例子：

1、在chrome中打开本地html文件，F12，打开调试器

2、在右上角的选择菜单中选择setting

3、在左侧菜单栏中选择workspace，并点击add folder添加项目目录所在文件夹

4、点击add，添加mappings，注意路径与上面的黑体路径相符，后面需加一斜杠

5、设置好后，回到elements面板，尽情的调试你的样式吧！会有奇迹哦！

调试之前elements中样式

调试之前在编辑器中打开的本地样式文件

调试后

有了workspace，妈妈再也不用担心我来来回回的调试样式了

时间： 2024-10-22 22:17:04

chrome中workspace配置达到同步修改本地文件的作用的相关文章

outlook邮箱邮件与企业邮箱同步(outlook本地文件夹邮件，web邮箱里没有)

用惯了outlook2010, 问题:今天将邮件放到自定义文件夹后,发现在web邮箱中看不到邮件了.不能同步到企业邮箱. 解决忙了一天,才知道是账户类型问题,pop3类型,只下载不上传.所以outlook本地修改后,web邮箱看不到.创建账户类型imap,才能将本地文件夹邮件上传到邮箱服务器.创建imap新账户,然后将老账户中的本地文件夹直接拖动到新用户下,然后选择"发送/接受"下的"所有用户组"(单选imap类型用户也行),或者关闭outlook,自动将邮件上传到

js代码从页面移植到文件中失效或js代码修改后不起作用的解决办法

最近在做关于网站的项目,总是发生这样的问题写的javascript代码在页面上没有问题,但是将js代码移植到.js的文件中,在页面上进行调用,总是出现失效等错误另外修改后的js代码,重新刷新网页仍然不起作用经过大量搜索并经过验证,可以用下面方法来解决将js代码封装到js文件中失效的原因可能是js文件中存在中文注释,导致在执行的时候中断,在js文件尽量不要写中文注释修改后的js代码刷新网页后不起效果可能是因为你所用的浏览器使用缓存的问题,可在浏览器中设置取消使用缓存,并删除临时文件,重启

C#中使用Log4net日志输出到本地文件、Textbox或Listview

网上很多配置log4net的方法,但是排行靠前的根本就没有说明清除,导致浪费了两个小时来搞清楚如何配置,真是无语,特写此文,给那些刚接触log4net的朋友 1.参考链接:http://blog.sina.com.cn/s/blog_642e41c201014pml.html 此方法是直接将配置文件配置在app.config <configSections>  <section name="log4net"

vs中web配置可浏览json数据文件

在日常的前端开发中,我们会制作一些数据文件,常用的有后缀名为json的文件,但是vs在启动项目时,是不能浏览json文件的,常见的错误提示如下图所示解决这个错误,只需要在web.config文件中配置如下(这样就可以浏览json文件了) <system.webServer> <staticContent> <mimeMap fileExtension=".json" mimeType="application/json"/> &

配置虚拟域名，hosts文件起作用

快速打开hosts方法开始->运行->system32->回车当前路径文件夹drivers\etc\hosts hosts文件起作用,目前楼主知道有两个可能原因 1.刷新dns cmd里面运行 ipconfig /flushdns 2.没配置前访问了一次域名,配置完之后浏览器没重启.所以不起作用重新启动浏览器或者换一个浏览器

在chrome 怎么通过ajax请求加载本地文件

在chrome下面用Jquery 的load方法加载本地的html文件时会报错我百度了一下是因为谷歌浏览器内核为了安全机制,不允许这样方式访问其他页面,但是可以通过加 --enable-file-cookies --allow-file-access-from-files命令加命令时注意与前面的内容要用一空格隔开然后重启浏览器,如果还是不行就重启电脑原文地址:https://www.cnblogs.com/Dainney/p/10295691.html

配置php.ini 修改php文件上传大小

一.打开php.ini 1. file_uploads = on ; 是否允许通过HTTP上传文件的开关,默认为ON即是开: 2. upload_tmp_dir ; 文件上传至服务器上存储临时文件的地方,如果没指定就会用系统默认的临时文件夹: 3.upload_max_filesize = 8m ; 望文生意,即允许上传文件大小的最大值,默认为2M: 4.post_max_size = 8m ; 指通过表单POST给PHP的所能接收的最大值,包括表单里的所有值,默认为8M: 一般地,设置好上述四

WPF中调用Process打开网页或本地文件夹

今天做了个小工具,算是把快捷方式集成到一起,界面大致如下: ------------------------------------------------------------------------ 网站文件夹运行命令 cnblog C# ASP.NET WPF 运行:_____________ google -----------------

谷歌开发者代码调试同步本地文件功能

首先F12打开开发者工具选择Sources 在左边的文件夹内鼠标移动到你的html文件右键点击选择 Add folder to workspace 就会弹出选择框,这时候选择自己的文件夹,选择后.浏览器顶部会弹出是否允许等等.点击允许然后左侧就会多出本地的本件.打开文件夹.选择html文件右键 Map to network resource . 最后空格允许就可以了就可以再浏览器中改改改就可以同步到本地文件了.