如何在Next.js中添加注解并在开发人员工具中查看？

yyyllmsg 于 2023-04-11 发布在其他

关注(0)|答案(1)|浏览(102)

如果我在HTML文件中添加注解，我可以在元素部分的开发人员工具中看到此注解，对吗？但我如何在Next.js应用程序中添加注解？我找不到HTML文件。
我试图在_document.js文件夹中添加评论，但我在开发工具中看不到评论。我想为网站的访问者写消息。谢谢。

import { Html, Head, Main, NextScript } from 'next/document'

export default function Document() {
  return (
    <Html lang="en">
       {/* Welcome developers! */}
      <Head />
      <body>
        <Main />
        <NextScript />
      </body>
    </Html>
  )
}

next.js

来源：https://stackoverflow.com/questions/75963424/how-to-add-comment-to-next-js-and-see-it-in-developer-tools

1条答案

按热度按时间

wljmcqd81#

您可以在NextJS Head标签之前将这个普通的浏览器head标签添加到文档的开头，Head标签会将其所有内容附加到您的评论中。

export default function Document() {
  return (
    <Html lang="en">
      <head dangerouslySetInnerHTML={{ __html: '<!-- Welcome developers! -->' }}>
      <Head />
      <body>
        <Main />
        <NextScript />
      </body>
    </Html>
  )
}

如果你需要它在你的身体里，一种方法是把它放在一个脚本标签里，像这样：

export default function Document() {
  return (
    <Html lang="en">
      <Head />
      <body>
        <script dangerouslySetInnerHTML={{ __html: '<!-- Welcome developers! -->' }}>
        <Main />
        <NextScript />
      </body>
    </Html>
  )
}

来源：https://github.com/vercel/next.js/issues/3904

赞(0）回复(0）举报 2023-04-11

我来回答

如何在Next.js中添加注解并在开发人员工具中查看？

1条答案

相关问题

热门标签

最新问答