javascript - 在浏览器中格式化 Rails/ERB HTML 输出

标签 javascript html ruby-on-rails ruby seo

我有一个严重依赖 SEO 和适当的 HTML 格式的 Rails 应用程序。因此,能够快速查看生成的(动态)页面的源代码对我来说至关重要。

不幸的是,我正在使用各种 gem,例如 turbolinks,它们实际上只是将它们的输出丢到页面中,没有任何间距或格式。

目前,如果我在浏览器中查看我的 Rails 应用程序的源代码,我会得到如下内容:

<html>
<script1>
<script2>
<script3>
...
<script10>
<header>
</header>
<body>
  <markup></markup>
 <markup>
...
</markup>
  <markup>...</markup><markup></markup>
...
</html>

我知道脚本和 ERB 生成的 HTML 输出对搜索引擎来说并不是非常重要,但为了我自己的优化和数据突出显示,我希望看到它以某种方式格式化。

我正在寻找这样的东西:

<html>
  <script1>
  ...
  <script10>
<header>
  ...
</header>
<body>
  <markup>
    ...
  </markup>
</body>
</html>

我发现唯一设计用于格式化输出 html 而不是 源代码 html 的 gem 是 rails-tidy。 Rails-tidy 已经很多年(7 年)没有更新了,而且在 Rails 4.2 和我的所有代码中似乎有很多错误。

在浏览器中美化我的 Rails 应用的 HTML 输出有哪些替代方案?

最佳答案

您可以使用 Rack middleware为了那个原因。我已经搜索过但没有找到,但是有一个到 prettyfyJSON你几乎可以复制。

您可以阅读更多关于 rack and rails here 的信息.


更新

已经做了一些gems做这个。

关于javascript - 在浏览器中格式化 Rails/ERB HTML 输出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31685412/

相关文章:

ruby-on-rails - 如何指定 before_filters 的执行顺序?

Javascript 重定向 window.location.href - IE

javascript - 点击函数 "is not defined"

ruby-on-rails - rake 数据库 :migrate fails in db:structure:dump with no error output

html - Polymer 在 IE 或 edge 中不起作用,但在 chrome 中可以,但是对于 Doctype,它在 chrome 中也不起作用

html - Bootstrap 输入控件宽度太短

ruby-on-rails - 在 Rails 中,我可以在不进行 EDIT 操作的情况下修改记录吗?

javascript - 公司如何对 CDN 网站上的项目收费?

javascript - Offlineaudiocontext.resume() 在移动 Safari 上不会触发

javascript - 防止 LI 上没有子 UL 的 "open"类