读者 Sansan 慷慨地将我关于 GridControl 的想法制作成一个 JavaScript 代码片段，非常容易将其转换为书签工具。
只需将下面的链接按钮拖到书签栏中，然后点击即可在任何网页上激活。非常方便！点击一次开启网格，再次点击关闭。
GridControl：书签工具
DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费额度！
DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费额度！
读者 Sansan 慷慨地将我关于 GridControl 的想法制作成一个 JavaScript 代码片段，非常容易将其转换为书签工具。
只需将下面的链接按钮拖到书签栏中，然后点击即可在任何网页上激活。非常方便！点击一次开启网格，再次点击关闭。
{if(window.d){document.body.removeChild(d);window.d = null;}else{window.d=document.createElement('div');d.style.id='grid_overlay';d.style.position='absolute';d.style.left='0';d.style.top='0';d.style.width='100%';d.style.height=(document.body.clientHeight>document.documentElement.clientHeight)?document.body.clientHeight+’px’:’100%’;d.style.background=’url(http://pic.yupoo.com/itina/988324f5509f/q03z5507.jpg)’;document.body.appendChild(d)}})();”><img src='https://i0.wp.com/css-tricks.com/wp-content/uploads/2008/01/gridcontrolbookmarklet.png' alt='GridControl' title=){kind=link}
太棒了。当我点击它后，它会自动关闭 *耸肩* 如果可以右键点击它并设置列和子列，那就更棒了。但它仍然很棒。我肯定会用它。
谢谢！
是的，你是对的，再次点击它确实会关闭。我的错，我已经更新了文章中的信息。
一个更好的选择是 http://www.sprymedia.co.uk/article/Design
网格的颜色、列、行高、颜色等都是可自定义的。
我忘了我是怎么找到那个网站和他们提供的书签工具的，但它对我的最近一次基于网格的设计重构至关重要。
运行良好。非常感谢。