google-chrome - 如何更改 Chrome 的制表符缩进宽度?

标签 google-chrome view-source

出于个人原因,我使用制表符而不是空格来缩进我的代码。我偶尔会在 Chrome 的 view-source: 选项卡中查看网页的源代码。当我这样做时,我的制表符宽度为 8 个空格。我想把它改成2个空格。我不知道如何改变这种默认行为。我尝试过在线搜索并浏览 Chrome 的设置,但无济于事。 “功能请求”位于 here但那篇文章已经快 5 年前了。

我的问题是:如何将 Chrome 的默认制表符缩进 8 个空格更改为 2 个空格?

最佳答案

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

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

作为(希望是临时的)修复,我只是将以下书签添加到我的书签栏,并习惯性地在我发现自己因浏览严重错位的源代码而感到眩晕时运行它:

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

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

<小时/>

编辑:以下是全局适用的小书签的变体(而不是仅限于 Chrome 的“查看源代码” View ):

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

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

关于google-chrome - 如何更改 Chrome 的制表符缩进宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19916815/

相关文章:

javascript - 用 javascript 插入的新元素可以通过 view-source 看到吗?

javascript - Node.js 查看源代码破坏了文件系统模块

html - Angular 如何将特定于组件的样式注入(inject)到 html 的 &lt;header&gt; 标记中?有没有办法将css打包成文件

javascript - onActivated 和 onHighlighted 之间的区别?

javascript - Google map API v3 上的黑 block

javascript - Chrome Dev Tools 命中代码但没有断点

jquery - 使用 Jquery 更改元标记 - 在查看源代码中看不到它

google-chrome - 使所有网站都可以使用 chrome 扩展

javascript - Chrome 和 Node 中的 ES6 模块... `export function` 还是 `module.exports = function` ?

javascript - 使用 javascript 或 jquery 在 View 源上添加空白区域