当前位置: 首页 > ai >正文

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

在这里插入图片描述

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

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


方法 1:纯 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 跳转(可选)

<!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 类似。

http://www.xdnf.cn/news/15027.html

相关文章:

  • 计算机学科专业基础综合(408)四门核心课程的知识点总结
  • RabbitMQ 幂等性
  • 在vscode中和obsidian中使用Mermaid
  • esp32在vscode中仿真调试
  • 蓝桥云课 矩形切割-Java
  • ZW3D 二次开发-创建球体
  • [架构之美]虚拟机Ubuntu密码重置
  • C++ Lambda 表达式详解
  • 建造者模式
  • Linux驱动06 --- UDP
  • 8.2.3希尔排序
  • CTI-CRYOGENICS Cryo-Torr®高真空泵安装、操作和维护说明
  • 国内如何考取Oracle大师
  • [2025CVPR]CCFS:高IPC数据集蒸馏的课程式粗细筛选技术解析
  • scp发送文件忽悠密码
  • Vue+Element Plus 中按回车刷新页面问题排查与解决
  • Linux中的命令连接符
  • php中array($this, ‘loadClass‘)表示啥意思?
  • 设计模式的六大设计原则
  • 《数据库》 MySQL库表操作
  • 判断当前是否为钉钉环境
  • Leetcode力扣解题记录--第42题 接雨水(动规和分治法)
  • C#中异步任务取消:CancellationToken
  • qemu vcpu的创建过程
  • 前缀和|差分
  • Java学习---JVM(1)
  • easyui碰到想要去除顶部栏按钮边框
  • 应用层协议 HTTP
  • Thrust库介绍与使用
  • LangGraph-2-interrupt 流程中断