介绍 webcompat.com

在过去几个月里,来自 Mozilla 内部和外部的 一小群贡献者一直在致力于 webcompat.com。我们最近刚刚庆祝该项目从“太崩溃了,无法分享”里程碑迈向“功能性-正在构建中.gif”里程碑,并迫不及待地想分享我们取得的成果。

http://webcompat.com/about 有一个关于网页兼容性和该网站的更详细的描述,但该项目的基本前提是:如果能在公共空间里对互联网“提交一个错误报告”,让开发者、用户和浏览器供应商能够意识到兼容性问题,会怎么样?

您今天可以通过错误跟踪器或其他反馈机制向浏览器供应商报告问题,其中一些是公开的,另一些则不是。但通常您无法看到这些报告的结果,也无法看到其他人报告的相关问题。这就像进入了一个黑洞。

这就是 webcompat.com 的用武之地。我们希望为影响我们所有人(无论我们使用什么浏览器或设备)的网页兼容性问题提供一个简单、开放的界面。也许更重要的是,我们希望培养和赋能一个热衷于让互联网对所有人来说都更友好的社区。

那么,这是 Mozilla 的一项独家努力吗?

当然不是。Mozilla 允许我将该项目作为我在 Mozilla 移动网页兼容性团队 的全职工作的一部分。但该项目的目标始终是为所有在互联网上使用和构建事物的人创造一个开放的资源。我们已经与一些浏览器供应商同事进行了积极的交流,这些交流激励我们开始制定未来的合作计划。我们很清楚,Mozilla 并不是唯一一家致力于创建兼容的网络的实体。

好的,那我可以做什么呢?

如果你对这类工作感兴趣,实际上可以做很多事。

报告问题

你有没有注意到有些网站会屏蔽你、让你安装不同的浏览器,或者干脆无法正常运行或存在错误?与其只是发些悲伤的表情符号或 #fail 标签,不如通过 webcompat.com 上的表格创建这些问题的记录,帮助改变现状。

我们还创建了一些浏览器扩展来简化报告流程——只需点击添加的 UI 按钮,就会打开一个新标签页,并预先填写了一些错误报告信息。您可以为 Firefox 桌面版Firefox for AndroidChromeOperaSafari 获取此扩展。您还可以将 书签 安装在您的书签或收藏夹栏中。这些都是 开源 的,所以您可以随意进行修改并移植到新的平台。

诊断兼容性问题

你是否擅长找出问题所在,并且想要磨练你的互联网 CSI 技能?你是否考虑过纹一个“TypeError: 'undefined' is not a function”的纹身?你喜欢阅读压缩代码并调试整个网页堆栈吗?我们很需要您来帮助 确认和诊断问题(纹身不是必需的)。

网站推广

你是否更感兴趣的是进行推广,让网站和开发者了解这些问题?我们也需要你的帮助。请关注我们针对此角色的更好工具——或者加入 Mozilla IRC 网络 上的 #webcompat irc 频道,和大家打个招呼。

开发

你是否了解或想学习 JavaScript、Python、CSS、UX、设计、GitHub、浏览器扩展、测试等?我们正在 GitHub 上处理一大堆问题,欢迎您提交补丁、意见、问题和反馈。

接下来会发生什么?

现在,我们最大的两个优先事项是能够 在网站本身查看和交互问题,以及创建工具来实现 导入 来自错误跟踪器(包括公开的和已关闭的)的现有网页兼容性问题以及 导出 webcompat.com 上的兼容性问题到浏览器供应商(当错误出在浏览器而不是网站时)。

我们的项目还处于起步阶段,但我们期待您的兼容性错误报告和评论!

关于 Mike Taylor

Mike 在德克萨斯州奥斯汀的家工作,担任 Mozilla 的网页兼容性工程师。

Mike Taylor 的更多文章…

关于 Robert Nyman [荣誉编辑]

Mozilla Hacks 的技术布道者和编辑。发表关于 HTML5、JavaScript 和开放网络的演讲和博客文章。Robert 坚信 HTML5 和开放网络,自 1999 年以来一直从事网页前端开发工作——在瑞典和纽约市。他还定期在 http://robertnyman.com 上写博客,喜欢旅行和结识新朋友。

Robert Nyman [荣誉编辑] 的更多文章…


8 条评论

  1. groovecoder

    我尝试了 Firefox 的插件,但当我点击“通过 Github 报告”时,我得到了一个 500 错误 :(

    2014 年 6 月 3 日 下午 07:41

    1. Mike Taylor

      是的,抱歉,现在匿名报告正在工作,我正在尝试找出我如何破坏了授权报告(/o)。感谢您在 github 上提出的问题!https://github.com/webcompat/webcompat.com/issues/130

      2014 年 6 月 3 日 上午 08:35

      1. Mike Taylor

        现在已修复!

        2014 年 6 月 3 日 上午 09:18

  2. Rafael

    使用 Github 登录进行身份验证交换时,仍然出现 500 错误。

    2014 年 6 月 3 日 上午 09:45

    1. Mike Taylor

      您介意在 https://github.com/webcompat/webcompat.com/issues 上提交一个错误,详细说明导致 500 错误的步骤吗?(例如,是在报告问题时还是尝试使用“登录”链接时出现的错误)。感谢!

      2014 年 6 月 3 日 上午 09:55

  3. 匿名

    那个黄色的标题太亮了。

    2014 年 6 月 4 日 上午 08:25

  4. Sam Dolin

    好主意!
    我建议在报告错误时“扫描”一下哪些浏览器扩展是活动的。

    我不知道如何通过书签来做到这一点,但对我来说,似乎广告拦截器或跟踪拦截器扩展比浏览器渲染引擎更常导致网站出现错误。

    2014 年 6 月 8 日 下午 15:39

    1. Mike Taylor

      是的,这是一个非常好的主意——有时我会忘记在调查问题之前禁用 Adblock。:)

      2014 年 6 月 9 日 上午 08:04

这篇文章的评论已关闭。