因为我认为作为设计师鸟瞰

rmruhul

页面的实时情况非常重要。动画仍在播放，你们大家。可滚动区域仍然可以滚动，对吧？这个真的很酷。你就像，“我的整个页面在一个视图中。” 不管怎样，这样就快完成了。在里面-
德鲁：听起来很迷幻。

亚当：这是非常迷幻的。就在其中，我只需要确保它可以跨浏览器工作，因为它显然做了一些棘手的事情来让你的实时页面有这种感觉。但是是的。

德鲁：惊人的。是吗……我的意思是，我认为 VisBug 相当 电报号码数据 定期更新并 且正在取得进展。我们未来可能会看到什么？

亚当：是的，这绝对是我正在开发的功能之一。我有一个功能……所以，当你点击某个东西时，你会得到一个看起来像手柄的覆盖层，对吧？这有点幻觉，它应该让你感觉舒服。目的是最终让这些手柄可拖动。但我有一些基本的问题必须首先解决，比如浏览器中的元素没有宽度。因此，如果你刚开始抓住宽度，我就必须努力让这种错觉感觉正确。

亚当：您甚至可能得不到您想要的结果，因为它可能是一个块级元素，您将宽度拉得更小，并且您没有得到它旁边的项目的回流。您可能想知道为什么。所以我有原型，您可以在其中拖动角点，拖动元素。但我确实需要关注设计工具是如何做到这一点的。他们总是有这个切换按钮。就像……看，这个开关叫什么？

亚当：但它基本上就像收缩......我称之为收缩包装。收缩包裹我的元素，该元素的宽度是其内容的宽度，而这里是我的元素的宽度，在其中粘贴一些东西。所以我需要在浏览器中类似的东西，覆盖在元素上，以便您可以在这些之间进行选择，甚至可以让您在块和内联之间进行选择，以便您可以获得您想要的结果。

亚当：但最终的目标是 VisBug 不希望完全由键盘驱动。我希望你能够拖动间距。如果您看到顶部有 12 个边距间距，您应该能够伸手抓住它，而现在您必须敲击键盘来指定框的顶部需要添加边距。

亚当：所以，是的，在策略方面我有一些怪癖需要解决。但它的目标是使其更接近设计工具。也许连我也会屈服于此。就像，如果你想改变宽度并且你会得到一个奇怪的设计，总有办法用 VisBug 摆脱它，就像位置工具真的可以让你逃离流程。所以心流正在毁掉你的想法，位置工具让你逃脱。



亚当：所以……如果有人真正精通 VisBug，他们会让人大吃一惊，因为它是无限的，就像，你能带来什么？它有一个表达元素。肯定有表达策略。但无论如何，长话短说，幻觉是，我只想让它变得越来越小。我希望这种错觉就像，“哇，我真的感觉自己像一个设计工具。”

亚当：然后，是的，对导出进行一些增强会很好。而且，增强 DevTools 的导出功能也很好，但这并不能真正阻止我们。所以我不知道。有很多问题，一定要对它们进行投票。我认为我想做的下一个重要功能之一是绿线。因此，不仅仅是在悬停时显示可访问性叠加层，而是用绿线真正指示一些内容，并公开更多信息，并显示更多信息，我不知道。是的。

德鲁：想想像这样构建 Chrome 扩展程序的过程，我的意思是，假设它全部用 JavaScript 实现，这与常规 Web 开发有多相似？构建 Chrome 扩展。