GoFullPage：用一个早期反馈减少一次点击

以下按原周刊保存案例过程；表述与数字属于当时的报道或受访者自述。

图片暂时无法加载，请查看下方来源。

2012年11月6日，Peter Coles 首次发布了名为 Full Page Screen Capture 的浏览器扩展。十年后，已有800万用户和数万个五星好评，如今叫做 GoFullPage，兴奋地迈入第二个十年！我们停下来和 Peter 一起回顾了一下过去。

图片暂时无法加载，请查看下方来源。

带我们回到过去，你当初为什么要创建 GoFullPage？

图片暂时无法加载，请查看下方来源。

多年前，我在设计一个大型泡沫板的海报，我这个大脑愚蠢地觉得在网页上排版会很有趣。一旦我确定了设计，意识到我无法将网页保存为像素完美的图像。我尝试了网页商店中的一些截图扩展，但没有一个能正确捕捉整个页面。与其放弃，不如编写自己的浏览器扩展来正确完成任务。

GoFullPage 最具标志性的功能之一是“饥饿”进度条，灵感来自哪里？

图片暂时无法加载，请查看下方来源。

这个扩展需要滚动整个页面才能创建完整的截图，所以我觉得需要一个稍微特别一点的进度条。当时，我常用的网站是 ajaxload（该网站现在已经不再活跃了！）我浏览了选项，发现了一个吸引我眼球的：

图片暂时无法加载，请查看下方来源。

GoFullPage 的表情符号烟火

有个创业笑话是：你的产品不是真正的产品，直到它有了一个五彩纸屑功能……当我推出我们的高级服务时，我觉得是时候让 GoFullPage 成为一个“真正的产品”了。我通过在 CodePen 上搜索“emoji fireworks”并调整为我喜欢的样子，来为 GoFullPage 的安装后欢迎页面创建这个功能。

图片暂时无法加载，请查看下方来源。

你最喜欢的早期产品反馈是什么？

图片暂时无法加载，请查看下方来源。

在我非常早期的版本中，扩展弹出窗口有一个“开始捕捉”的按钮。我当时的一个同事 Georges Duverger 试了一下，问我，“为什么我必须再次点击按钮，为什么不在你激活扩展时就自动开始捕捉页面？”我非常喜欢这个反馈，它帮助塑造了使这个扩展尽可能快速和简单的核心理念！

除了 GoFullPage 之外，你最喜欢或最常用的浏览器扩展是什么？

• 1Password - 密码管理器对你的在线安全非常重要，而且非常方便
• uBlock Origin - 我首选的广告拦截器，能带来更快的浏览体验
• React Developer Tools - 仅对网页开发者有用，但我喜欢用这个扩展来调试 React 应用
• Loom - 非常适合异步协作，我想录制并轻松分享的视频时很有用
• 各种关闭触发我电脑桌面应用（如Zoom、Figma）标签的扩展

人们为什么选择这个扩展？

归根到底：

• 它是一个单一用途的产品，清楚地说明了它是什么，并解决了人们在线上遇到的常见问题（截取整个网页的截图）
• 验证它是否真的好用（免费安装且不要求任何额外权限）
• 在大多数互联网网站上比竞争对手表现更好（正确截图整个网页比看上去要复杂得多）
• 多年来，用户逐渐找到了这个产品，常在评论中提到“试过所有截图扩展，最终找到了一个有效的。”

人们为什么会继续使用？

图片暂时无法加载，请查看下方来源。

部分原因是我们添加了客户支持。我们的客户支持渠道允许用户报告包括JavaScript错误和失败URL的错误。这也使我们能够找到并解决各种不可能通过其他方式报告的问题。我们花了很多精力解答每一个客户支持请求，这帮助我们了解人们在产品上遇到的问题，并使我们能够做出许多修复和改进，造福所有用户！

报告错误时，你不能指望人们知道如何报告错误，没有指导你只会收到很多“它不起作用”的消息。我们尝试引导人们分享的核心信息是：

• 你采取了什么行动
• 你期望发生什么
• 实际发生了什么

最终，这会让我们与遇到问题的用户进行丰富的对话。会从中获得关于使用案例、用户体验甚至产品路线图的洞察。

互联网有各种各样的网页设计，GoFullPage 如何能正确的捕获截图？

图片暂时无法加载，请查看下方来源。

可不是嘛！作为一个网页开发者，我不仅尝试创建美观的体验，还要创建功能性和可访问的网站。对于 GoFullPage，我们需要处理所有的网页及其上的所有内容，而且事实证明，浏览器上有很多奇怪的代码。

进行捕捉时，GoFullPage 会分析当前网页的代码，查看页面如何滚动，并尝试标准化底层布局规则，以获得一致的截图。

我对产品的两个指导原则是：

• 所有捕捉技术都需要通用化。我不能编写任何处理特定网站特定标记的代码。相反，代码需要识别一般场景并以一般方式解决。因此，随着网站和网页的演变和变化，GoFullPage 也将继续流畅地工作。
• 能完成工作。例如，截图步骤没有专家控制选项。虽然这对想要简单修复的用户来说可能会感到沮丧，但从长远来看，这样做的好处是避免了产品变得过于复杂和脆弱。

你为什么将 GoFullPage 作为免费扩展发布，又为什么创建了付费高级选项？

图片暂时无法加载，请查看下方来源。

我最初将其作为一个小的副项目来解决一个特定的问题，并在 GitHub 上开源了。我觉得这对其他人也有帮助，当我看到扩展的安装数量上升时感到很兴奋，更不用说收到的仓库问题和PR了。

图片暂时无法加载，请查看下方来源。

随着时间的推移，用户数量大幅增长，保持顺利运行的工作量也在增加。客户支持集成对扩展的有效性至关重要，单单管理它就变得难以应付。所以我寻求一种方式为扩展的持续存在提供资金。结果是，我推出了提供编辑、注释等功能的高级服务来支持截图功能。原始的捕捉功能仍然是免费的，但这为高级用户和那些想要支持扩展的人提供了更多选择。

对那些正在打造自己浏览器扩展的开发者有什么建议吗？

图片暂时无法加载，请查看下方来源。

开始公开构建吧。测试自己的扩展不需要任何费用，当你不断实验和学习时，新点子会随之而来，你会明白有些事情是扩展插件能做的，有些则不能！

此外，单干很难。一个人工作很容易分心。你得看看什么对你来说最有效，但我喜欢租个朋友办公室的桌子，或者用 Coffitivity 给我的个人工作空间一个合作办公的氛围，从而切换不同的心态。你也需要依靠朋友和以前的同事提供指导，这样你不会陷入困境或失去对事物的视角。如果另一个朋友也在构建东西，你们可以成为互相督促的伙伴，检查彼此的进展并相互提问。我发现，在长期开发阶段发布前，自己一个人很难。所以看看你能不能和朋友和测试者分享你的进展，这样就有人能更早使用你的成果！

一个扩展插件十年后，你学到的最重要的是什么？

图片暂时无法加载，请查看下方来源。

我已经构建了数百个项目。不断构建——你构建的大多数东西可能对大多数人来说都不有趣，但你在构建中会不断学习。并找到一种方式与世界分享你构建的东西。在这种情况下，Chrome 应用网店在这个产品获得广泛传播中起到了关键作用。

如果你觉得自己不能构建东西，那么要知道现在越来越多的“无代码”工具允许任何人构建相当复杂的产品，不要让技术成为你的障碍。

长期积累的用户与口碑需要时间，不能将十年结果当作短期发布预期。

本条经过周刊文本与来源定位校对，未独立审计财务数据或确认产品当前状态。