多语言展示
当前在线:1965今日阅读:167今日分享:16

Google浏览器 Workspace功能配置

Workspace是一款集成了编辑器功能的谷歌插件,同时能将谷歌浏览器编辑的代码同步到本地文件中。换一种说法,web开发者只需要一个谷歌浏览器和IDE工具辅助即可开发一个大型网站,减少了编辑器的中间作用。缺点:开发的不够完善,标签库没有引用,国际化不完善,毕竟开发时间早,我还是很看好这个插件的。觉得好用的点个赞,投个票,好人一生平安!
工具/原料
1

谷歌浏览器版本:Google Chrome56.0.2924.87 m

2

HBuilder 8.0.1

方法/步骤
1

F12:调试出google工具。按键盘的F12。

2

Add Folder to workspace:Sources-右键出现Add Folder to workspace,添加你需要调试的项目或者文件。

3

1.点击允许:这是google的一个提示框,一般自己调试程序不涉密,所以可以直接点击允许。2.出现自己添加的项目:这是我随便写的一个demo,有点儿丑,将就着也能看

4

Map to network resource(网络资源映射):右键需要调试的文件-Map to network resource-点击,出现一个本地映射过来的文件,直接Enter,然后浏览器会打开你的文件,接下来就可以调试程序了。

5

测试效果图:我在文件上方写一个“赞美科技的力量!”,按住ctrl+s保存一下,在我的Hbuilder编辑器上会出现提示框,点击是,然后在我的本地文件中一样会出现“赞美科技的力量!”。

注意事项

这里需要提醒大家一下,映射的文件删除不会妨碍本地文件!如果删除了映射的文件,重启浏览器即可

推荐信息