如何停止开发中本地Bootstrap网页的自动刷新？

首先得明确：页面自动刷新大概率是你用的开发服务器工具（比如VS Code的Live Server、Vite、Webpack Dev Server这类）开启了热重载/自动刷新功能，监测到文件变化就触发刷新；少数情况可能是代码里不小心加了自动刷新脚本。下面是具体解决办法：

一、禁用开发服务器的自动刷新 #

1. 用VS Code Live Server的情况 #

• 打开设置：按Ctrl+,（Windows）/Cmd+,（Mac），搜索「Live Server: Auto Refresh」，取消勾选即可。
• 临时应急：右键编辑器底部的「Go Live」按钮，选择「Stop Live Server」，之后直接双击本地HTML文件用浏览器打开测试（改代码后手动刷新页面就行）。

2. 用Vite的情况 #

在项目根目录的vite.config.js里添加以下配置，重启服务后生效：

export default {
  server: {
    hmr: false, // 关闭热重载
    watch: {
      ignored: ['**/*'], // 忽略所有文件变化监测
    },
  },
}

3. 用Webpack Dev Server的情况 #

修改webpack.config.js里的devServer配置：

module.exports = {
  devServer: {
    hot: false, // 关闭热模块替换
    liveReload: false, // 完全禁用自动刷新
  },
}

二、检查代码里的自动刷新脚本 #

搜一遍HTML或JS文件，看看有没有类似setTimeout(() => location.reload(), 3000)这种主动触发刷新的代码，有的话直接删掉。

注意：Bootstrap Carousel的data-bs-ride只是控制图片轮播，不会触发页面整体刷新，别搞混了。

三、临时替代方案 #

如果不想改工具配置，直接关掉开发服务器，找到本地HTML文件双击用浏览器打开（地址栏是file:///开头），这种静态打开的方式完全不会自动刷新，改完代码手动点浏览器刷新就行。

内容的提问来源于stack exchange，提问作者UltimateKaycee