Google浏览器 Workspace功能配置

 时间:2024-10-19 04:23:03

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

Google浏览器 Workspace功能配置

工具/原料

谷歌浏览器版本:GoogleChrome56.0.2924.87m

HBuilder8.0.1

方法/步骤

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

Google浏览器 Workspace功能配置

2、AddFoldertoworkspace:Sources-右键出现AddFoldertoworkspace,添加你需要调试的项目或者文件。

Google浏览器 Workspace功能配置

Google浏览器 Workspace功能配置

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

Google浏览器 Workspace功能配置

Google浏览器 Workspace功能配置

4、Maptonetworkresource(网络资源映射犬匮渝扮):右键需要调试的文件-Maptonetworkr髫潋啜缅esource-点击,出现一个本地映射过来的文件,直接Enter,然后浏览器会打开你的文件,接下来就可以调试程序了。

Google浏览器 Workspace功能配置

Google浏览器 Workspace功能配置

Google浏览器 Workspace功能配置

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

Google浏览器 Workspace功能配置

Google浏览器 Workspace功能配置

Google浏览器 Workspace功能配置

热门搜索
背影图片男生 小宋佳图片 彝族火把节图片 高达模型图片 王洋图片