javascript - 如何重新创建 Chromium/Chrome 新标签主页

Question

我正在尝试了解如何重新创建 Chrome 的新标签主页及其所有功能。

我试过类似 isotope 的插件，但是我在使用 jQuery sortable 进行排序时遇到了很多问题类。

我试过使用带有 float 的 good`ol css 来创建一个网格，但它远不及 Chrome 所拥有的那样好。

是否有涵盖此内容的教程？

任何正确方向的指示都会有所帮助

Answer 1

如果您使用的是 chrome，则使用右键单击上下文菜单的检查元素 功能会更容易。这将打开显示 elements 选项卡的开发人员控制台。它还应该立即将您带到布局的核心，而无需滚动浏览大量行! :)

如果您以前没有见过 chrome 中的开发人员工具，那么非常值得一试!元素面板将有特殊用途:

https://developers.google.com/chrome-developer-tools/docs/elements

简而言之，元素面板将为您提供 HTML DOM 的实时 View ，包括任何给定元素上存在的 CSS 类的 View 。

更新

虽然我自己快速查看了源代码，但看起来很多都是首先在 JavaScript 中生成的，即图标的边距和宽度等是在您手动调整页面大小时使用 JavaScript 设置的。我很确定他们的布局不仅仅是纯 CSS。