更新时间:2021-07-21 12:12:21
今天在旧金山举行的ChromeDev峰会上,谷歌宣布了一个名为VisBug的新开发工具,它简化了使用简单的点击界面编辑网页的任务。
VisBug目前是一个Chrome扩展,可以从主ChromeWeb商店安装。
谷歌工程师将其比作Firebug,即现在已经失效的Firefox插件,移植到Chrome,并最终启发了Chrome的内置开发工具面板。
VisBug就像Firebug一样,但它不允许开发者修改网站的源代码,而是允许每天的用户使用点击率和拖放界面在网站的元素周围移动。
"我们还记得Firebug在击中场景时产生的影响,以及它如何显示浏览器如何成为开发者工具平台本身,"今天说。
"现在[...]我们还有另一个扩展,项目Visbug,允许您在浏览器中进行设计--在浏览器中。"
在本文发表之前,ZDNet以VisBug为测试对象。
安装它后,必须按AltShift D才能启动它。该扩展仅适用于编辑已制作的网站或模板。它不能从头开始构建网页。
VisBug的主界面是显示在屏幕左侧的工具栏。您可以使用此工具栏的控件来移动页面元素、编辑文本、创建粘性页面元素、更改文本的颜色、更改图像的色调、亮度和饱和度以及其他一些内容。
目前,扩展相当原始,仍然缺乏许多有用的控制。例如,我们编辑了一个随机的站点模板,但我们还不清楚如何将新站点的源代码保存到另一个文件中,这样我们就可以用新的安排来替换当前的站点。
当然,我们本可以按CTRLU查看页面的源代码并从那里复制代码,但是VisBug可能会提供一些选项,通过一个简单的按钮将新的HTML代码保存到一个单独的文件中。
谷歌的工程师对Visbug的限制非常坦率,在推广的giThubReadme文件中,说这不是一个全面的Web设计工具,而是一个对现有工具的"赞美"。
目前尚不清楚谷歌打算在什么地方参加这个项目。
在我们的评估中,VisBug的功能可以嵌入到Chrome的开发工具中,但作为一个改进网站当前设计的工具。例如,web开发人员可以使用VisBug使用其拖放GUI进行小的可视化调整,而不是在当前和非常不友好的Chrome开发工具界面中调整css设置。