有些网站为了吸引访客关注微信公众号,会在文章添加一个阅读全文的按钮,扫码关注公众号才能阅读全文。今天,就来教大家通过简单的审查元素F12
来解锁这种限制。
文中以http://code.js-code.com/网站为例,讲解F12
修改CSS
达到解锁阅读全文的方法。
阅读全文解锁实例
我们看到文章末尾有个解锁全文的按钮,需要点击解锁,才可以阅读全文。当我们点击阅读全文后,要求我们关注公众号才可以。
阅读全文解锁方法
这时候我们右键鼠标,选择审查元素(或者检查),或者摁下F12键,就可以打开审查元素页面。然后,我们定位到阅读全文按钮的div标签
然后,我们再找到该div标签的上级标签,然后鼠标点击右侧审查元素窗口中的该上级div标签
然后,到下方找到相关的css设置,一般是如下代码设置的:
height: 663.595px;
overflow: hidden;
我们把上述两条CSS勾选隐藏即可实现阅读全文的解锁。
阅读全文实现
其实一般网站实现这种阅读全文,都是通过js绑定按钮,然后通过按钮修改css,实现内容的隐藏与显示。也就是都是可以通过定位到文章区域的div标签,然后修改css实现内容的显示。
放心,没有哪个网站敢真的隐藏内容,这样对SEO极为不友好(容易被百度认为没啥内容),就会造成网站收录很不好的情况。
原创文章,作者:古哥,转载需经过作者授权同意,并附上原文链接:https://iymark.com/articles/3269.html