13

出于个人原因,我使用制表符而不是空格来缩进我的代码。view-source:我偶尔会在 Chrome 的标签页中查看我网页的源代码。当我这样做时,我的标签宽度为 8 个空格。我想将其更改为 2 个空格。我无法弄清楚如何更改此默认行为。无济于事,我尝试在线搜索并浏览 Chrome 的设置。“功能请求”位于此处,但该帖子已有近 5 年的历史。

我的问题是:如何将 Chrome 的默认选项卡缩进 8 个空格更改为 2 个空格?

4

2 回答 2

13

恐怕自 Chrome 33 起,对上述解决方案的支持已被取消。请参阅以下帖子:http ://www.reddit.com/r/chrome/comments/1ymfgw/

在粗略地浏览了愤怒的讨论列表后,我得出结论,除了编写一个完整的扩展之外,没有办法自定义查看源页面的格式。当然,对于像调整缩进宽度这样琐碎的事情来说,这太过分了。

作为一个(希望是临时的)修复,我只是将以下书签添加到我的书签栏中,并且每当我发现自己通过可怕的错位的源代码开发眩晕时习惯性地运行它:

javascript:(function(){document.body.style.tabSize = 4;}());

只需更改"tabSize = 4;"您想要的压痕宽度,瞧!;) 当然不是最优雅或符合人体工程学的方法,但肯定是最快和最简单的。


编辑:这是全局工作的小书签的变体(而不是将自身限制在 Chrome 的“查看源”视图):

javascript:(function(){for(var i=0,l=document.all.length;i<l;++i)document.all[i].style.tabSize=4;}());

我已将小书签移至我的主书签栏,并为其指定了一个简洁、保守的名称,这样我就可以在浏览 GitHub 时反复点击它。:) 请注意,谁真正可以为存储库实施“标签大小”设置 - 因此开发人员可以根据他们的编码习惯定制读者的查看体验。

于 2014-09-02T07:14:15.210 回答
7

我知道我参加聚会有点晚了,但我只是注意到 Chrome 将标签宽度设置为 8,这非常荒谬。

如果您使用 Stylish,在我看来,这是一个扩展程序,对于纠正网站的不良设计选择是绝对必要的(例如隐藏发布/回复的时间,除非您将鼠标悬停在帖子上,然后要求您等待一两秒钟它淡入,等等......),网站的错误(例如不允许中心按钮滚动,因为只要你按下背景图像上的按钮而不是文本/网址以避免打开新标签,你会得到一个弹出)等...

创建一个新脚本 > 将其命名为您想要的名称并粘贴:

body {
    tab-size: 4;
}

非常简单但必不可少...

于 2016-01-29T14:38:24.617 回答