如何查看使用 reactjs 构建的 html 结果

Question

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

我相信这是可能的，因为我可以在“元素”选项卡的开发人员工具中看到 HTML 树，但我需要纯文本形式的树。

Answer 1

在react js项目中看不到view page source.

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

Answer 2

在 Chrome 中，可以使用 Developer tools 来实现这一点。转到 Elements 并在上下文菜单中选择 Edit as HTML。