防UC浏览器,夸克浏览器转码,应对UC浏览器、夸克浏览器转码,UC浏览器、夸克浏览器转码解决办法

编程入门 行业动态 更新时间:2024-10-11 07:29:52

小说站防UC浏览器,夸克浏览器转码,应对UC浏览器、夸克浏览器转码,UC浏览器、夸克浏览器转码解决办法


看到一个小说站是这样防UC、夸克转码的,他的下一章 href 是空的“ <a id="next" href="">下一章</a>”。然后利用js的滚动事件修改 href 属性。正常浏览时必然会滚动页面,滚动页面就触发了修改 href的事件,对正常浏览是没有任何影响的。

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

注:能加载下一章就不会有上面的提示,一只在他的转码页面里。

html代码 (修改章节页模板chapter.html)
修改前

    <div class="nr_page">
    	 <table cellpadding="0" cellspacing="0">
             <tr>
            	<td class="prev"><a id="pb_prev" href="{?if $preview_chapterid != ""?}/{?$shortid?}/{?$articleid?}/{?$preview_chapterid?}.html{?else?}/{?$shortid?}/{?$articleid?}/{?/if?}">上一章</a></td>
                <td class="mulu"><a id="pb_mulu" href="/{?$shortid?}/{?$articleid?}/">目录</a></td>
                <td class="next"><a id="pb_next" href="{?if $next_chapterid != ""?}/{?$shortid?}/{?$articleid?}/{?$next_chapterid?}.html{?else?}/{?$shortid?}/{?$articleid?}/{?/if?}">下一章</a></td>
            </tr>
        </table>
    </div>

修改后, 下一章的href属性为空

    <div class="nr_page">
    	 <table cellpadding="0" cellspacing="0">
             <tr>
            	<td class="prev"><a id="pb_prev" href="{?if $preview_chapterid != ""?}/{?$shortid?}/{?$articleid?}/{?$preview_chapterid?}.html{?else?}/{?$shortid?}/{?$articleid?}/{?/if?}">上一章</a></td>
                <td class="mulu"><a id="pb_mulu" href="/{?$shortid?}/{?$articleid?}/">目录</a></td>
                <td class="next"><a id="pb_next" href="">下一章</a></td>
            </tr>
        </table>
    </div>
<script>
    var shortid = "{?$shortid?}", articleid = "{?$articleid?}",   next_chapterid = "{?$next_chapterid?}";
</script>
<script type="text/javascript" src="/js/xxx.js"></script><!--xxx.js 就是下面的js代码-->

js代码如下:

//下一章的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("pb_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("pb_next").setAttribute("href", ""+ url)
        }
        if (scrollTop >= 300) {//文章内容向上滚动300px时修改href 属性
            document.getElementById("pb_next").setAttribute("href", ""+ url)
        }
        tur = true
    }
    window.onscroll = function() {//500毫秒只执行一次
        if (tur) {
            setTimeout(scrollBottomOrTop, 500);
            tur = false
        } else {}
    }
}

更多推荐

防UC浏览器,夸克浏览器转码,应对UC浏览器、夸克浏览器转码,UC浏览器、夸克浏览器转码解决办法

本文发布于:2023-06-14 08:05:00,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1454453.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:夸克   浏览器   解决办法   UC

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!