跳到主要内容

Adobe的影子上的Adobe Bruce Bowman

Adobe最近公布了一些消息阴影,用于调试移动网站的检查和预览工具。开发者的反响非常好,所以我们想了解更多关于该工具的起源。在这次采访中,我们与Adobe Shadow的高级产品经理Bruce Bowman讨论了Shadow的背景以及它将如何使行业受益。

.net:Adobe Shadow背后的最初动力是什么?
BB:影子从概念上开始是一个想法,创意专业人士需要一种方法来预测他们工作时在设备上的工作。有了这个想法,我们开始与设计师和开发人员交流,验证它,并更好地了解他们的工作流程。最令人兴奋的是来自前端网页设计师/开发人员,因为他们的工作流程繁琐且耗时。他们不得不一遍又一遍地触摸他们的所有设备,在微小的键盘上键入长URL,并不断与设备进行战斗以保持清醒。这对他们的生产力造成了影响。

当我们与网页设计师和开发人员讨论他们的移动开发工作流程时,我们始终发现那些对移动网络项目相对较新的人认为他们想要“云中的设备” - 他们不拥有的所有设备的模拟器和模拟器。但移动网络项目的资深人士强调说,拥有实际设备是无可替代的。他们尝试了每个模拟器,模拟器,基于云的设备服务,发现它们不够用。为了确保它们能够创造良好的体验,必须拥有实际的设备。

由于许多因素,仿真器和模拟器无法提供准确的体验:缺少设备字体,性能差异,屏幕尺寸和显示分辨率(像素密度)差异,设备浏览器怪癖,设备/运营商怪癖,无法模拟手势,以及缺乏访问设备硬件,如加速度计,GPS和相机。

使用Shadow,我们从一开始就使用我们称之为“自带设备”的产品原理来构建它。这会给网络专业人士带来负担,或借用与Shadow一起使用的设备,但确保他们拥有准确的体验。当我们开发Shadow时,我们经常提醒自己这个原则,并使Web专业人员在使用Shadow时可以轻松共享他们的设备。除了代理商和公司中更复杂的工作组之外,我们开始听到自由职业者社区和独立网络专业人士正在组织他们可以共享设备的聚会。我们希望Shadow能够促进这些工作流程。

.net:那你认为像Adobe Shadow这样的工具可以吸引更多的开发者来确保网站在移动设备上运行良好吗?
BB:很有可能,是的,因为Shadow让它变得更容易,并消除了所涉及的痛苦。

当今Web开发中最流行的现代最佳实践是卢克Wroblewski的移动优先Ethan Marcotte的响应式网页设计。它们共同预示着一个新的网络,这个网络针对移动设备和回流进行了优化,无论屏幕尺寸如何,都能提供良好的体验。使用这些最佳实践,随着屏幕尺寸变大,内容将被修饰和增强。如果做得好,在小屏幕上观看移动优先/响应式网页设计的人会看到可以在更大屏幕上观看的更完整体验的本质。在实践中有很多这方面的例子,但其中最好的一个是波士顿环球报

对Shadow的一个非常普遍的反应是,对于Web开发人员和设计人员来说,当他们将站点转换为响应式设计时,它会很有用。为了构建这样的站点,有必要在不同的屏幕尺寸上查看该站点的外观。为了看到这一点,设计师不得不不断调整桌面浏览器窗口的大小,以检查所有不同的大小,但这很乏味,只能到目前为止。

使用Shadow作为其工作流程的一部分,他们现在可以更改其来源,重新加载并简单地浏览他们的不同设备,以便立即查看他们的网站在这些屏幕尺寸上的样子。当他们不可避免地在其中一个设备上看到错误时,Shadow的远程检测功能允许他们定位该设备进行调试,并立即制作和查看设备上的更改。这使得工作流程更加高效,Web专业人员可以专注于代码/设计,而不必触摸和与设备交互。

.net:有没有计划将Adobe Shadow作为单独的产品,还是只将它绑定到您的云产品中?
BB:当它准备好进行商业销售时,Shadow将作为单独的独立产品提供,并且也作为Adobe Creative Cloud会员资格的一部分提供。将有各种价格点和功能选项,因此对于刚开始使用该领域的Web开发人员来说,它仍然可以负担得起,并且对于那些致力于时间敏感和世界级Web体验的高级开发人员来说,它具有足够的功能。 。

.net:您现在可以透露Adobe Shadow即将推出的功能吗?
BB:我们正在开发一些我们希望很快在Adobe Shadow Labs第2版中推出的产品:

  • 支持包含localhost和127.0.0.1的URL,以及OS X上的URL,machinename.local。此功能还将启用一些灵活的Adobe Edge工作流,当您在Edge中工作时,使用“在浏览器中预览”命令,您将能够在所有Shadow设备上看到您的动画。
  • 单页应用支持。在Shadow Labs第1版中,当您单击正在查看的页面(例如TOC )的命名锚点时,Shadow不会告知您的设备更新。这使得测试单页应用程序变得更加困难。我们添加了一些代码来观看Chrome中的网址栏,以便我们检测到网址更改并将其发送到设备。 (Chrome不会将内部链接识别为页面更改,因此我们必须自行检测)。
  • Shadow已经与亚马逊Kindle Fire一起使用,但它需要加载Shadow.apk文件。我们将通过适用于Android的亚马逊应用商店分发Shadow,让Kindle Fire用户更轻松地安装Shadow。
  • 支持http身份验证工作流程,目前在Shadow Labs第1版中已经破解。
  • 一些缓存控制功能可以帮助缓解设备上的缓存。

除了实验室第2版,我们正在围绕屏幕截图工作流程开展一些功能。 Shadow可以在任何或所有Shadow设备上拍摄屏幕截图,并将这些屏幕截图传输回计算机,您可以在其中开始注释和/或共享工作流程。这是一项备受欢迎的功能,对参与Web开发的人员具有广泛的吸引力。

我们正在努力的另一件事是支持虚拟主机文件工作流,这对更高级的Web开发人员非常重要。虚拟主机文件在开发期间将公共URL重定向到源的本地实例,并且在处理多个站点的Web开发人员中很常见。

我想向.net读者提供这个邀请:如果你有一个你想在Shadow中看到的功能,请来告诉我们影子论坛。影子的全部内容都可以使用Adobe实验室在商业发布之前,请从使用它的人那里获取反馈。我们正在倾听,并计划根据您的反馈塑造Shadow。

获取最新信息Adobe CS6来自我们姐妹网站的评论Creative Bloq



翻译字数超限