网站PC端移动端禁止百度转码方案，网站防转码代码

小说站防UC浏览器、夸克浏览器转码、百度浏览器转码、各种浏览器、阅读模式、畅读模式的防止转码解决办法。移动端禁止百度自动转码的方法

看到一个小说站是这样防百度、UC、夸克转码的，他的下一章 href 是空的<a id="next" href="">下一章</a>”，然后利用js的滚动事件修改 href 属性。

正常浏览时必然会滚动页面，滚动页面就触发了修改 hrdf 的事件，对正常浏览是没有任何影响的。

这个站是章节带分页的，百度浏览器转码页显示的全是“第五章(1/3)页、第六章(1/2)页、(2/3)页、(3/3)页无法显示”,百度好像是从目录页直接转码的。

原理：UC或夸克浏览器转码情况下打开页面时会自动进入转码页面，但下滑加载下一章的时候会出现无法加载下一章的提示，这时就会出现返回源页面的提示。

注意：能加载下一章就不会有上面的提示，一直在他的转码页面里。

第一种代码

防止百度转码：

<meta http-equiv="Cache-Control" content="no-transform" /> 
<meta http-equiv="Cache-Control" content="no-siteapp" />

说明是自适应页面还是pc端页面或者移动端页面：

<meta name="applicable-device" content="pc,mobile">
<meta name="applicable-device" content="pc">
<meta name="applicable-device" content="mobile">

1、在pc版网页上，添加指向对应移动版网址的特殊链接rel=”alternate”标记，这有助于百度发现网站的移动版网页所在的位置；

2、同时在移动版网页上，添加指向对应pc版网址的链接rel=”canonical”标记。

比如：http://www.henanjiancai.com/huaxian.html

pc端可以这样写：

<link rel="alternate" media="only screen and(max-width: 640px)" href="http://m.henanjiancai.com/huaxian.html" >

移动端可以这样写：

<link rel="canonical "href="http://www.henanjiancai.com/huaxian.html" >

另外还有百度的开放适配服务：https://ziyuan.baidu.com/wiki/39/

响应式网站：

响应式设计的页面必须设置viewport，告诉浏览器按照屏幕宽度自动调整页面排版。

<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>

第二种代码

代码如下：

<meta name="applicable-device" content="pc,mobile"><meta name="MobileOptimized" content="width"/><meta name="HandheldFriendly" content="true"/>

解释如下：

如果网页采用了响应式网页设计，例如不需要经过url自适配跳转就可以根据浏览器的屏幕大小自适应的展现合适的效果，同时适合在移动设备和电脑上进行浏览，在html中加入如下meta：

<meta name="applicable-device" content="pc,mobile">

MobileOptimized与HandheldFriendly是功能机时代的事实上标签，后来变成一个通用的标准用来标示移动站点。

文章来源：黑猫站长  原文链接：https://www.heimaopr.com/yunwei/46.html