【笔记】使用 html 创建网址快捷方式

有时需要这个功能,对于一些手册网站,离线保存网页效果又不好时。

可以创建一个简单的 HTML 文件,双击后在默认浏览器中打开指定的网址(甚至是自动跳转)。以下是几种 HTML 实现方式:


方法 1:纯 HTML 自动跳转(最快)

html 复制代码
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="refresh" content="0; url=https://docs.espressif.com/projects/esp-dev-kits/zh-cn/latest/other/esp-prog/user_guide.html">
    <title>ESP-Prog 文档</title>
</head>
<body>
    <p>正在跳转到 <a href="https://docs.espressif.com/projects/esp-dev-kits/zh-cn/latest/other/esp-prog/user_guide.html">ESP-Prog 文档</a>...</p>
</body>
</html>

说明

  • meta http-equiv="refresh" 会让浏览器 立即跳转content="0" 表示 0 秒后跳转)。
  • 备份链接 (<a> 标签) 确保即使跳转失败也能手动点击访问。
  • 保存方式 :复制代码 → 用记事本保存为 ESP-Prog_Docs.html → 双击打开。

方法 2:JavaScript 跳转(可选)

html 复制代码
<!DOCTYPE html>
<html>
<head>
    <title>ESP-Prog 文档</title>
    <script>
        window.location.href = "https://docs.espressif.com/projects/esp-dev-kits/zh-cn/latest/other/esp-prog/user_guide.html";
    </script>
</head>
<body>
    <p>如果未自动跳转,请<a href="https://docs.espressif.com/projects/esp-dev-kits/zh-cn/latest/other/esp-prog/user_guide.html">点击这里</a>。</p>
</body>
</html>

说明

  • 使用 window.location.href 实现 JS 跳转,效果与方法 1 类似。

相关推荐
生涯にわたる学び11 分钟前
数据库02 网页html01 day44
数据库·html
wb18919 分钟前
企业WEB应用服务器TOMCAT
运维·前端·笔记·tomcat·云计算
Se_ren_di_pity38 分钟前
CS231n2017-Lecture9经典CNN架构笔记
人工智能·笔记·cnn
Yueeyuee_1 小时前
【C#学习Day15笔记】拆箱装箱、 Equals与== 、文件读取IO
笔记·学习·c#
এ旧栎2 小时前
Gitee
笔记·gitee·学习方法
kfepiza2 小时前
vim的`:q!` 与 `ZQ` 笔记250729
linux·笔记·编辑器·vim
Emotion亦楠3 小时前
Java 学习笔记:常用类、String 与日期时间处理
java·笔记·学习
剪刀石头布啊4 小时前
iframe通信、跨标签通信的常见方案
前端·javascript·html
养海绵宝宝的小蜗4 小时前
OSPF笔记整理
网络·笔记·智能路由器
没见过西瓜嘛5 小时前
数据仓库、数据湖与湖仓一体技术笔记
数据仓库·笔记