在今天在旧金山举行的Chrome开发者峰会上,Google宣布推出一款名为VisBug的新开发工具,它简化了使用简单的点击式界面编辑网页的任务。
VisBug目前作为Chrome扩展程序提供,可以从主Chrome网上应用店安装。
谷歌的工程师把它比作Firebug,Firebug是一个现已解散的Firefox插件,移植到Chrome,最终激发了Chrome内置的开发者工具面板。
VisBug就像Firebug,但它不是让开发人员修改网站的源代码,而是让每天的用户使用点击式和拖放式界面来移动网站的元素。
谷歌今天表示:“我们记得Firebug在遇到现场时所产生的影响,以及它如何展示浏览器如何成为开发者工具平台本身。”
“现在我们还有另一个扩展项目Project Visbug,它允许您在浏览器中进行设计。”
在本文发表之前,ZDNet对VisBug进行了测试。
安装后,必须按ALT + SHIFT + D启动它。该扩展程序仅用于编辑已制作的网站或模板。它无法从头开始构建网页。
VisBug的主界面是一个显示在屏幕左侧的工具栏。您可以使用此工具栏的控件来移动页面元素,编辑文本,创建粘性页面元素,更改文本的颜色,更改图像的色调,亮度和饱和度以及其他一些内容。
目前这种扩展是相当原始的,仍然缺乏许多有用的控制。例如,我们编辑了一个随机网站模板,但我们不能立即明确如何将新网站的源代码保存到其他文件,因此我们可以用新的安排替换当前网站。
当然,我们可以按CTRL + U来查看页面的源代码并从那里复制代码,但VisBug应该提供选项,通过一个简单的按钮将新的HTML代码保存到单独的文件中。
谷歌工程师对扩展程序的GitHub README文件中的VisBug限制非常坦诚,称它不是一个完整的网页设计工具,而是对现有工具的“赞美”。
目前还不清楚谷歌计划在未来采取这个项目。
在我们的评估中,VisBug的功能可以嵌入Chrome的开发人员工具中,但作为改进网站当前设计的工具。例如,Web开发人员可以使用VisBug使用其拖放式GUI进行小的视觉调整,而不是在当前且非常不友好的Chrome Developer Tools界面中调整CSS设置。