浏览器另存为html会丢失样式和js，因仅保存渲染后dom快照，不包含外部资源及动态生成内容；python用requests+bs需处理ua、路径补全及js不执行问题；vs code转md需pandoc加--standalone；前端build后须设base='./'确保离线打开。
浏览器直接另存为 HTML 会丢样式和 JS 吗
会，而且大概率丢。浏览器的「另存为」网页，完整（.html）只是把当前渲染后的 DOM 快照保存下来，不包含原始 CSS 文件链接、外部 <script></script> 引用、字体、图片 base64 编码也可能被截断——尤其用了现代构建工具（Vite、Next.js）或单页应用（SPA）时，页面实际由 JS 动态生成，另存后打开就是空白或只有骨架。
Python 用 requests + BeautifulSoup 保存静态页面要注意什么
适合抓取纯静态站点，但默认只保存 HTML 结构，不下载 CSS/JS/图片。关键点：
-
requests.get(url)要加headers={'User-Agent': '...'}，否则很多网站返回 403 -
BeautifulSoup解析后用.prettify()再写入文件，避免标签错位 - 绝对路径资源（如
<link href="/css/main.css">）需手动补全域名，否则本地打开失效 - 如果页面含内联
<script></script>或data-*属性动态加载内容，BS 不会执行 JS，这部分内容不会出现在保存结果里
VS Code 里怎么把 Markdown 实时转成带样式的 HTML
VS Code 自带预览不导出，得靠插件或命令行。最稳的是用 pandoc：
- 装好
pandoc后，终端运行：pandoc input.md -o output.html --standalone --css=style.css -
--standalone是关键，它把 CSS、JS 打包进 HTML 单文件，不用额外放资源目录 - 若原文用 Mermaid 图表，要加
--filter=pandoc-mermaid（需提前npm install -g pandoc-mermaid） - 别依赖「Markdown Preview Enhanced」插件的「Export to HTML」，它默认不嵌入 CSS，导出后样式常丢失
前端项目 build 后的 HTML 怎么确保能离线打开
Webpack/Vite 默认输出相对路径引用，直接双击 index.html 会因跨域或路径错误白屏。必须改两处：
立即学习“前端免费学习笔记（深入）”；
- Vite 项目：在
vite.config.ts里设base: './'，否则所有资源路径以/开头，本地文件协议下无法加载 - Webpack 项目：配置
output.publicPath: './'，并确保HtmlWebpackPlugin的template中 script/style 标签没写死绝对路径 - build 完检查生成的
index.html里，<script src="assets/index.xxxx.js"></script>这类路径是否都是相对的，不是/assets/...
哪怕只改一行配置，漏掉就打不开。本地测试务必用 file:// 协议双击打开，别用 live server 模拟——那掩盖了路径问题。
