goole浏览器实现所见即所得效果

来源:互联网 发布:apache ftpclient 编辑:程序博客网 时间:2024/06/09 22:07

1.选中sources
2.找到原文件:HTML页面 index.html

3.右键html 点击Add folder to workspace  找到原文件所在的文件夹(是文件夹不是原文件)点击确认


4.此时会浏览器上访会出现确认信息
点击确认后会出现2个文件 


5. 选中map to network resource选项
接着就可以 在右边css栏目里修改样式了




找到并匹配  OK

之后实现的功能 
在CSS栏里修改样式后不用再回原文件修改了
在修改后,再次在侧边栏填写样式时
马上能有所见即所得效果


PS此方法只可用于修改css


0 0
原创粉丝点击