【问题标题】:How to see html result built with reactjs如何查看使用 reactjs 构建的 html 结果
【发布时间】:2021-09-30 19:41:06
【问题描述】:

我正在构建 reactjs 应用程序。我想获取完整的 html 输出,但是当我尝试 view page source 时,我只看到来自 index.html 的模板。如何查看应用构建的 HTML?

我相信这是可能的,因为我可以在 Elements 选项卡的开发人员工具中看到 HTML 树,但我需要纯文本格式。

【问题讨论】:

    标签: html reactjs browser frontend output


    【解决方案1】:

    react js 项目中看不到view page source

    .... 但 您可以使用 React Developer Tools 浏览器扩展。这将允许您查看任何 React 应用程序的组件树。此外,您可以使用它检查每个组件的道具和状态。但是,在生产构建之后,您将无法看到 Component 的源代码。

    【讨论】:

    • 好吧,您可以查看已交付的捆绑包的缩小代码,但如果没有源映射,阅读起来有点乏味。
    • react js 项目中看不到view page source 是什么意思?我不想看到view page source,我想看到我在屏幕上看到的内容的来源。
    • @Yola 你在想 DOM 检查器吗?这就是屏​​幕上的内容。您可以查看页面源代码来查看页面的HTML。
    【解决方案2】:

    在 Chrome 中,可以使用开发者工具来实现这一点。转到Elements 并在上下文菜单中选择Edit as HTML

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2019-08-05
      • 2021-02-02
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2022-08-19
      • 2021-11-13
      相关资源
      最近更新 更多