debugging 相关问题

我希望在我的 html 中对标题进行自动编号。不过我也被迫使用。为此，我创建了一个 html 来测试：我希望在我的 html 中对标题进行自动编号。不过，我也被迫使用<div>。为此，我创建了一个 html 来测试： <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> body { font-family: "Helvetica Neue", Helvetica, Arial; font-size: 14px; line-height: 20px; font-weight: 400; color: #3b3b3b; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; counter-reset: section-h1 section-h2 section-h3 section-h4; } h1 { counter-increment: section-h1; counter-reset: section-h2; } h1::before { content: counter(section-h1) ". "; } h2 { counter-increment: section-h2; counter-reset: section-h3; } h2::before { content: counter(section-h1) "." counter(section-h2) ". "; } h3{ counter-increment: section-h3; counter-reset: section-h4; } h3::before { content: counter(section-h1) "." counter(section-h2) "." counter(section-h3) ". "; } h4 { counter-increment: section-h4; } h4::before { content: counter(section-h1) "." counter(section-h2) "." counter(section-h3) "." counter(section-h4) ". "; } </style> </head> <body> <div> <h1>first level 1</h1> <h2>second level 1</h2> <h3>third level 1</h3> <h3>third level 2</h3> </div> <hr style="border: none; height: 2px; background-color: black; width: 100%; margin: 20px auto;"/> <div> <h2>second level 2</h2> <h3>third level 1</h3> <h3>third level 2</h3> </div> <hr style="border: none; height: 2px; background-color: black; width: 100%; margin: 20px auto;"/> <div> <h3>third level 3</h3> <h3>third level 4</h3> <h3>third level 5</h3> </div> <hr style="border: none; height: 2px; background-color: black; width: 100%; margin: 20px auto;"/> <div> <h3>third level 6</h3> <h2>second level 3</h2> <h3>third level 1</h3> </div> <hr style="border: none; height: 2px; background-color: black; width: 100%; margin: 20px auto;"/> <div> <h3>third level 2</h3> <h2>second level 4</h2> <h3>third level 1</h3> </div> </body> 我想获得类似的东西： 1. first level 1 1.1. second level 1 1.1.1. third level 1 1.1.2. third level 2 --------------------- 1.2. second level 2 1.2.1. third level 1 1.2.2. third level 2 --------------------- 1.2.3. third level 3 1.2.4. third level 4 1.2.5. third level 5 --------------------- 1.2.6. third level 6 1.3. second level 3 1.3.1. third level 1 --------------------- 1.3.2. third level 2 1.4. second level 4 1.4.1. third level 1 但我在 Firefox 上得到了这个：我在 Chromium 上得到了这个：都不是想要的结果。你能帮我了解发生了什么事吗？有没有办法在两个平台上调试？如何在两个平台上都达到预期的结果？问候您想查看一个类似的项目，其中所有浏览器都可以正常工作吗？分层 HTML 标题。您将找到文档页面和 HTML 示例。欢迎您进一步提问。

html debugging counter html-heading

回答 1 投票 0

在React Paginate中，为什么有多个ul渲染而不是显示页码？

我正在开发 Next.js 项目。我已经在一个地方实现了 React Paginate (^8.2.0)。反应分页问题。这是代码：我正在开发 Next.js 项目。我已经在一个地方实现了 React Paginate (^8.2.0)。反应分页问题. 这是代码： <ReactPaginate previousLabel={"Previous"} nextLabel={"Next"} breakLabel={"..."} pageCount={filteredNftData?.totalPages} marginPagesDisplayed={1} pageRangeDisplayed={2} onPageChange={handlePageClick} containerClassName={"pagination"} subContainerClassName={"pages pagination"} activeClassName={"active"} forcePage={pageNum - 1} /> 这是我获取filteredNftData数组的地方： const filteredNftData = showNotMinted ? notMintedNftCardData : nftCardData; 这是我调用这些 API 的地方： const getwishlistApi = async (nextrprev, isMinted = false) => { let walletAddress; !account.address ? (walletAddress = "") : (walletAddress = account.address); try { let result = await getNftCards(categoryName, pageNum, walletAddress, isMinted); setNotMintedNftCardData(result); if (nextrprev) { tabsRef?.current?.scrollIntoView({ behavior: "smooth", block: "start", }); } } catch (error) { toast.error("Error fetching data:", error); } try { let result = await getNftCards(categoryName, pageNum, walletAddress); setNftCardData(result); if (nextrprev) { tabsRef?.current?.scrollIntoView({ behavior: "smooth", block: "start", }); } } catch (error) { toast.error("Error fetching data:", error); } }; 这些是我获取数据的状态： const [nftCardData, setNftCardData] = useState([]); const [notMintedNftCardData, setNotMintedNftCardData] = useState([]); 为什么我会遇到这个问题：React 分页问题。我期待这个：npm run dev 上的正确输出。但它在 npm start 上没有显示预期的响应。如果您使用 NextJS 13.x 尝试在 next.config.js 中添加这个 const nextConfig = { ..., swcMinify: false, ... } 与SWC压缩器有关。如果您在packages/next/src/build/webpack/plugins/terser-webpack-plugin/src/index.ts中将keep_fnames设置为false，那么这个问题就会消失。来源：[反应分页/问题] ：https://github.com/AdeleD/react-paginate/issues/501#issuecomment-1756310128

javascript debugging next.js nft react-paginate

回答 1 投票 0

gdb：在 0x2aaaaaaab000 处添加的符号文件系统提供的 DSO 中找不到可加载部分

我正在尝试使用 gdb 调试 C 程序。我使用的编译标志如下 -fno-strict-aliasing -Wall -DHAVE_CONFIG_H -DNO_OLD_ERF_TYPES -Werror -Wredundant-decls -O2 -DNDEBUG -DBY...

c++ c debugging gdb

回答 2 投票 0

Python：ProcessPoolExecutor() 未正确执行

所以我在python 3.12中有这个函数： def checktal1(表): 打印（f” 检查表{表} ”） return f"{sheet} 的结果" def UpdateMongoDB_Cache(用户名): 尝试： ...

python python-3.x debugging process

回答 1 投票 0

Codelite 问题--未指定可执行文件，使用“target exec”

我刚刚在 Windows 8.1 中安装了 codelite。它显示错误调试器退出并显示以下错误字符串： “没有可执行文件指定，使用“目标执行”” 我搜索并找到了这个（...

c++ debugging codelite

回答 4 投票 0

如何在浏览器中的表格中查看 Xdebug 中的错误？

我有 Xdebug，它在 VSCode 中调试时运行良好。但是在浏览器中，当我遇到错误时，它不会在“橙色表”中显示错误来跟踪错误以解决该问题....

php debugging xdebug

回答 2 投票 0

Intellij idea 停止执行函数而不停止完整调试

我正在使用 IntelliJ IDEA 12.1.4 来调试 Grails 应用程序。我大约需要 2 分钟才能开始调试会话。我想尽可能避免重新启动。我正在尝试调试

debugging grails intellij-idea

回答 2 投票 0

如何使Rails.logger.debug打印哈希更具可读性

我使用 Rails.logger.debug 打印变量进行调试。问题是它以无法读取的格式打印哈希（无法区分键和值）。例如，我添加以下...

ruby-on-rails debugging logging pretty-print

回答 6 投票 0

当 Flask 和 Pycharm 都处于调试模式时，没有名为 <FILENAME> 的模块

最近我将Pycharm从2020年更新到了2022.2.1版本。在旧版本中，使用 Flask 调试模式应用程序.run_server（调试= True）使用 Pycharm 进行调试时可以正常工作。但更新后，我...

python flask debugging pycharm

回答 2 投票 0

如何使用 IntelliJ 或 WebStorm 调试电子应用程序？

我使用 IntelliJ 作为开发工具，我想知道如何调试 Electron 应用程序？我知道有一种调试 Electron 应用程序的标准方法，但这种方法是在外部完成的......

node.js debugging intellij-idea webstorm electron

回答 4 投票 0

使用 pdb 调试 python Hug api

我正在尝试使用 pdb 调试 python Hug API。常规的拥抱 api 是这样开始的：拥抱 -f api.py 您可以使用以下命令通过 python 解释器从命令行启动 pdb： python -m pdb api.py ...

python python-3.x debugging pdb hug

回答 2 投票 0

debugging 相关问题

最新问题