记录2种在移动端跳转到指定页面的方法

近有需求要实现用一个网址，在手机和电脑上实现不一样的效果。这种需求最好是使用响应式来实现，但我只有一个页面有这种需求，写响应式工作量太大，直接写2个页面做个移动端跳转。

同一个网址，在电脑和手机上展示不一样的效果

只有当手机打开时才需要跳转到指定页面，电脑打开时不用跳转。这样同一个链接就在电脑端和手机端实现不一样的展示效果。

试了试下面2个方法：

<meta http-equiv="mobile-agent" content="format=xhtml;url=http://www.XX.com/1.html">

<script type="text/javascript">uaredirect("http://www.XX.com/1.html");</script>

<script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="http://www.XX.com/1.html";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>

保存记录！

家好，我是网络系统技艺者，点击右上方“关注”，每天和大家分享关于网络设备及系统和企业组网方面干货。码字不易，如果您觉得文章还可以，就点赞+关注+收藏吧，也许在以后某个时间能够用得到。

要使浏览器在输入网址时自动跳转到 HTTPS，你可以通过几种方式来实现：

1、使用服务器端重定向：这是最常见的方法。你可以配置服务器，使其在接收到 HTTP 请求时，将请求重定向到对应的 HTTPS 地址。具体实现方式取决于你使用的服务器软件（例如 Apache、Nginx、IIS 等），可以通过配置文件来完成这个设置。

2、使用 HSTS（HTTP Strict Transport Security）：HSTS 是一个安全策略，它告诉浏览器在一段时间内强制使用 HTTPS 连接。在服务器响应的 HTTP 头中包含 HSTS 头信息，浏览器会记住并在指定的时间内自动将 HTTP 请求转为 HTTPS。但请注意，一旦启用 HSTS，客户端浏览器将会记住这个设置，即使服务器停止发送 HSTS 头信息，客户端仍然会强制使用 HTTPS。因此，在启用 HSTS 之前，请确保你的网站已经完全支持 HTTPS，并且你愿意承担由此带来的长期影响。

3、JavaScript 重定向：虽然不是最佳的，但你也可以使用 JavaScript 在页面加载时检测协议，并将页面重定向到 HTTPS 版本。这种方法不如服务器端重定向或 HSTS 安全可靠，因为它依赖于客户端浏览器执行 JavaScript。在 HTML <head> 标签中插入如下代码可以实现简单的 JavaScript 重定向：

<script>
  if (location.protocol !== 'https:') {
    location.replace(`https:${location.href.substring(location.protocol.length)}`);
  }
</script>

无论选择哪种方法，始终确保你的网站服务器已正确配置，并且已经在你的网站上使用了有效的 SSL/TLS 证书。

作者简介：

我是“网络系统技艺者”，系统运维工程师一枚，持续分享【网络技术+系统运维技术】干货。码字不易，如果您觉得文章还可以，就关注+收藏吧，也许在以后某个时间能够用得到。

TML 使用超连接与网络上的另一个文档相连。

几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。

HTML 超链接（链接）

超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

当把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。

我们通过使用 <a> 标签在 HTML 中创建链接。

有两种使用 <a> 标签的方式：

通过使用 href 属性 - 创建指向另一个文档的链接
通过使用 name 属性 - 创建文档内的书签

HTML 链接语法

链接的 HTML 代码很简单。它类似这样：

<a href="url">Link text</a>

href 属性规定链接的目标。

开始标签和结束标签之间的文字被作为超级链接来显示。

实例

<a href="http://www.baidu.com/">baidu</a>

上面这行代码显示为：baidu

点击这个超链接会把用户带到 baidu 的首页。

提示："链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。

HTML 链接 - target 属性

使用 Target 属性，你可以定义被链接的文档在何处显示。

下面的这行会在新窗口打开文档：

<a href="http://www.baidu.com/" target="_blank">baidu</a>

HTML 链接 - name 属性

name 属性规定锚的名称。

您可以使用 name 属性创建 HTML 页面中的书签。

书签不会以任何特殊方式显示，它对读者是不可见的。

当使用命名锚时，我们可以创建直接跳至该命名锚（比如页面中某个小节）的链接，这样使用者就无需不停地滚动页面来寻找他们需要的信息了。

命名锚的语法：

<a name="label">锚（显示在页面上的文本）</a>

提示：锚的名称可以是任何你喜欢的名字。

提示：可以使用 id 属性来替代 name 属性，命名锚同样有效。

实例

首先，我们在 HTML 文档中对锚进行命名（创建一个书签）：

<a name="tips">基本的注意事项 - 有用的提示</a>

然后，我们在同一个文档中创建指向该锚的链接：

<a href="#tips">有用的提示</a>

您也可以在其他页面中创建指向该锚的链接：

<a href="http://www.baidu.com.cn/html/html_links.asp#tips">有用的提示</a>

在上面的代码中，我们将 # 符号和锚名称添加到 URL 的末端，就可以直接链接到 tips 这个命名锚了。

基本的注意事项 - 有用的提示：

注释：请始终将正斜杠添加到子文件夹。假如这样书写链接：href="http://www.baidu.com/html"，就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址，然后创建一个新的请求，就像这样：href="http://www.baidu.com/html/"。

提示：命名锚经常用于在大型文档开始位置上创建目录。可以为每个章节赋予一个命名锚，然后把链接到这些锚的链接放到文档的上部。如果您经常访问百度百科，您会发现其中几乎每个词条都采用这样的导航方式。

提示：假如浏览器找不到已定义的命名锚，那么就会定位到文档的顶端。不会有错误发生。

在线咨询

上一篇：在网页开发中，我们需要掌握的常用HTML标签有哪些？
下一篇：前端程序员实现在线预览pdf、word、xls、ppt等文件，超实用！

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。