社区

JavaScript 帖子详情 网站被uc手机浏览器自转码，如何才能避免？ iorisgzh 2019-05-09 01:20:28 最近遇到个棘手的问题，请求帮助解决，

网站在uc手机浏览器中 被浏览器默认强制的自转码，

不仅导航栏目被强制折叠，很多图片不显示，部分错位，样子难看

部分JavaScript失效，

这些加上也不起作用

网站模板是自适应的，手机端有很好的手机端的界面，

曾把手机专用模板覆盖了pc模板（也就是pc端访问也是手机模板） 仅维持了1天 不到24小时，uc就再次将自转码了，

我已无语了，

...全文

2049 2 打赏 收藏 网站被uc手机浏览器自转码，如何才能避免？ 最近遇到个棘手的问题，请求帮助解决， 网站在uc手机浏览器中 被浏览器默认强制的自转码， 不仅导航栏目被强制折叠，很多图片不显示，部分错位，样子难看 部分JavaScript失效， 下一章”。然后利用js的滚动事件修改 href 属性。

js代码如下：

在html页面声明一下几个变量。

var shortid = "xx", articleid = "xx", next_chapterid = "xx";//xx填写你自己的ID

//下一章的url判断

if (next_chapterid !== "") {//判断是否有下一章

var person = {

tid: shortid,

eid: articleid,

nextid: next_chapterid,

Namepageid: function() {

return "/" + this.tid + "/" + this.eid + "/" + this.nextid + ".html"

}

}

} else {//没有直接回目录

var person = {

tid: shortid,

eid: articleid,

Namepageid: function() {

return "/" + this.tid + "/" + this.eid + "/"

}

}

}

//下一章的url判断end

//滚动事件修改 href 属性

var url = person.Namepageid();

if (window.screen.availHeight >= document.body.clientHeight) {//没有滚动条直接修改href 属性

document.getElementById("next").setAttribute("href", ""+ url)

} else {

var tur = true;

function scrollBottomOrTop() {

var clients = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;

var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;

var wholeHeight = document.documentElement.scrollHeight;

if (clients + scrollTop >= wholeHeight - 500) {//滚动条距离底部500px时执行修改href 属性

document.getElementById("next").setAttribute("href", ""+ url)

}

if (scrollTop >= 300) {//文章内容向上滚动300px时修改href 属性

document.getElementById("next").setAttribute("href", ""+ url)

}

tur = true

}

window.onscroll = function() {//500毫秒只执行一次

if (tur) {

setTimeout(scrollBottomOrTop, 500);

tur = false

} else {}

}

}

//滚动事件修改 href 属性end

希望对你有帮助。 shenhui110119 2020-09-13 打赏举报 回复 看到一个小说站是这样防UC转码的，他的下一章链接是空的“下一章”。然后利用js的滚动事件修改 href 属性。

js代码如下：

要在html页面声明一下的几个变量。

//下一章的url判断

if (next_chapterid !== "") {//判断是否有下一章

var person = {

tid: shortid,

eid: articleid,

nextid: next_chapterid,

Namepageid: function() {

return "/" + this.tid + "/" + this.eid + "/" + this.nextid + ".html"

}

}

} else {//没有直接回目录

var person = {

tid: shortid,

eid: articleid,

Namepageid: function() {

return "/" + this.tid + "/" + this.eid + "/"

}

}

}

//下一章的url判断end

//滚动事件修改 href 属性

var url = person.Namepageid();

if (window.screen.availHeight >= document.body.clientHeight) {//没有滚动条直接修改href 属性

document.getElementById("next").setAttribute("href", ""+ url)

} else {

var tur = true;

function scrollBottomOrTop() {

var clients = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;

var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;

var wholeHeight = document.documentElement.scrollHeight;

if (clients + scrollTop >= wholeHeight - 500) {//滚动条距离底部500像素时执行修改href 属性

document.getElementById("next").setAttribute("href", ""+ url)

}

if (scrollTop >= 300) {//文章内容向上滚动300像素时修改href 属性

document.getElementById("next").setAttribute("href", ""+ url)

}

tur = true

}

window.onscroll = function() {//500毫秒只执行一次

if (tur) {

setTimeout(scrollBottomOrTop, 500);

tur = false

} else {}

}

}

//滚动事件修改 href 属性end

大概就是这样，希望他的这个思路对你有帮助。 HTML5各种头部meta标签的功能(推荐) 本文给大家介绍了html5中各种头部meta标签功能小结，非常不错，具有参考借鉴价值，需要的的朋友参考下 html禁止搜索引擎转码,禁止百度自动把网页转码的3种方法 为什么百度要自动把我们的网页转码?目前的互联网状况是WEB网远多于WAP网页，目前绝大多数移动端的浏览器都不能直接浏览WEB网页。为确保移动设备能顺利访问网页必须对WAP搜索结果中的WEB网页进行格式转换，转换为WAP网页，使其能在移动终端浏览器被浏览。百度转码会去除WEB页面中不能在手机浏览器上浏览的内容和无法用WAP描述语言描述的部分内容，并将网页布局由2维布局适配为1维布局。各大搜索引擎均拥... 如何取消百度转码？ 互联网上融合了WEB和WAP两类网页资源，WEB网页资源占比远多于WAP网页，但目前绝大多数移动终端的浏览器都不能直接浏览WEB网页。因此，为确保WAP可用性，必须对WAP搜索结果中的WEB网页进行格式转换，转换为WAP网页，使其能在移动终端浏览器被浏览。百度把你浏览的原来的网页去除了许多对wap页面不能显示的东西，精简了许多东西。百度的转码技术即是为实现此目的、服务于WAP搜索的附属产品，各大搜 本土浏览器如何步步演绎对国外浏览器的逆袭？ 作为最早的移动互联网流量入口，移动浏览器发展至今已历经三代。从2G时代成长起来的用户对Opera一定不陌生，作为一个成立超过20年的浏览器老字号，Opera自诺基亚时代起在国内一直处于领头地位。但是随着移动互联网进入3G、4G时代，老大哥Opera却开始走下坡路。

国外浏览器何以越发水土不服？

2G时代，由于流量费用昂贵、网速缓慢、手机分辨率低等缘故，移动设备浏览PC网页的体验非常糟糕，再加上 网页自适应移动端及根据访问设备自动识别展示手机站或PC站 一、7个步骤让PC网站自动适配手机网页

传统的网站如何完成向移动设备的快速转型？ 通过移动适配技术可以实现，移动适配主要通过底层的web技术开发手段来完成，下面切图网将从技术角度来告诉你通过7个步骤来完成一个PC网站向移动设备的跳跃！

1允许网页宽度自动调整

“自适应网页设计”到底是怎么做到的？其实并不难。

首先，在网页代码的头部，加入一行viewport元标签。