Blisk:一款新的面向开发人员的浏览器

阅读数:3897 2016 年 11 月 16 日

话题:ChromeHTML5语言 & 开发

Blisk是一款基于 Chromium 的浏览器,它结合了 Chrome 的性能和Firefox 开发人员版提供的开发人员支持。

Blisk 带有一个针对主要手机和平板的仿真器,具备同步浏览器页面和仿真器、 源代码改变时自动刷新页面、云存储、利于记录缺陷的截屏和录屏以及页面检查的能力。这些工具都是作为 Chromium 的扩展添加的。当无网络连接时,Blisk 将内容保存在本地。在网络恢复后,与关联的云存储同步。

我们想了解更多关于该浏览器的细节,所以我们采访了 Blisk 幕后的团队。

InfoQ:为什么是 Blisk?相比 Chrome 和 Firefox,它提供了什么?

Blisk:不像其他浏览器,Blisk 是一个面向开发人员的浏览器。Blisk 旨在使开发人员更高产,节约时间以及阻止缺陷的产生。

Blisk 的主要特性有:

  • 仿真:同时预览桌面和移动端。
  • 自动刷新:每次你保存代码的时候,App 自动刷新 Web 页面。一个屏幕打开 IDE,一个打开 Blisk,专注于 Web 开发。
  • 导航同步:App 同步移动端和桌面端的 URL 和滚动位置。移动端和桌面端相互保持一致的 URL 和滚动位置。
  • 截屏:只需单击一次 App 就可对设备或桌面截屏并保存到云端。你能与团队成员分享该截屏或者把它们附在缺陷报告里。
  • 录屏:App 能对屏幕录像并保存到云端。你能与团队成员分享该录像或者把它们附在缺陷报告里。
  • 通知:App 能够显示资源加载失败和 JS 错误的实时通知。App 会显示 JS 错误栈并在 StackOverflow 上搜索解决办法。
  • 检查器(Inspector):App 不需要启动开发者工具就能查看桌面和设备视图。检查器显示最重要的 CSS 属性信息。
  • 云存储:App 将截屏、录屏、报告等安全地存储在云上,助力团队协作。
  • 页面分析(即将支持):App 分析代码质量、浏览器兼容、页面速度、页面性能并推荐改进方法。
  • 团队合作(即将支持):App 提供以下额外的团队协作特性:笔记、聊天功能和标记。标记用来在页面顶部显示笔记和讨论。
  • 集成(即将支持):App 与顶级的缺陷追踪系统和项目管理工具集成,提高团队效率。
  • 步骤报告(即将支持):App 生成一份详细的报告,其中描述了可以重现缺陷的步骤。App 通过追踪用户页面行为生成用户操作的步骤。

优势:

  • 桌面端和移动端同时开发。
  • 使开发人员更高产。
  • 提供构建 Web 应用需要的特定开发特性。

总的来说,Chrome 和 Firefox 是为浏览 Web 而生的,Blisk 是为构建 Web 而生的。

InfoQ:仿真器包含一些主要的 iOS 和安卓设备。能添加新设备或者至少一个通用的设备吗?

Blisk:目前用户无法添加新设备。但是,每次发布我们都会添加更多新设备。

InfoQ:自动刷新是怎样工作的?(你们是监控文件系统的变化吗?)

Blisk:自动刷新给选定的文件夹设置了监视器(watcher),根据需要监控带有指定扩展名的文件的变化。它也使用 CSS 预处理器和模块管理器(module bundler)。

InfoQ:Blisk 币是什么?怎样获取它们以及能用来买什么?

Blisk: Blisk 币是一种内部货币。当用户邀请他的好友或者团队成员注册并使用 Blisk,他就可以获得 Blisk 币。当用户赚够了 100Blisk 币时,他可以免费使用 Blisk 白金版一个月。

InfoQ:未来规划是怎样的?

Blisk:我们需要完成一些关键的特性:页面分析、团队合作、集成和步骤报告。我们也计划改进仿真器。这些都完成后,我们会收集并开发用户反馈的特性。

用户每 12 小时可以免费使用 Blisk 30 分钟。付款订阅可取消该限制。

查看英文原文:Blisk, A New Browser for Developers


感谢谢丽对本文的审校。

给 InfoQ 中文站投稿或者参与内容翻译工作,请邮件至editors@cn.infoq.com。也欢迎大家通过新浪微博(@InfoQ@丁晓昀),微信(微信号:InfoQChina)关注我们。