【笔记】使用 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 类似。

相关推荐
Moonnnn.2 小时前
【51单片机学习】AT24C02(I2C)、DS18B20(单总线)、LCD1602(液晶显示屏)
笔记·单片机·学习·51单片机
B612 little star king2 小时前
UNIKGQA论文笔记
论文阅读·人工智能·笔记·自然语言处理·知识图谱
颜漠笑年3 小时前
前端必看:img标签不可忽视的width与height属性
前端·html
l5657585 小时前
第四十二天(Java开发 &Servlet&Filter & Lister)
java·笔记
weixin_516875657 小时前
力扣 30 天 JavaScript 挑战 第37天 第九题笔记 知识点: 剩余参数,拓展运算符
javascript·笔记·leetcode
凳子(刘博浩)18 小时前
决策树的笔记
笔记
拾光拾趣录20 小时前
HTML | 10个常犯的错误
前端·html
喜欢你,还有大家20 小时前
Linux笔记7——shell编程基础-1
linux·运维·笔记
山中月侣21 小时前
Java多线程编程——基础篇
java·开发语言·经验分享·笔记·学习方法
m0_678693331 天前
深度学习笔记34-YOLOv5调用官方权重进行检测
笔记·深度学习·yolo