多网页都加入了一个鸡贼的操作——「打开 App 阅读全文」。
明明可以一次性把内容展示出来,非得给你隐藏一半,剩下一半需要下载 App 才能看。
要不是隔着一条网线,这种话说到一半的人,真的,应该拖出去揍一顿。
不过好在有关部门已经开始行动了:高度重视,敦促相关企业进行整改。
话音刚落,确实已经有一些网页进行了优化,看新闻查资料什么的顺畅多了。
但是吼,不排除某些厂商比较顽固,不愿意放弃这块蛋糕,想方设法让用户下载 App。
之前说到这个问题的时候,也有不少小伙伴表示需要一些解决方案。
作为一个有求必应的数码博主,这就给大伙支两招。
Safari 扩展
如果你是 iPhone 用户,那这个问题就太好解决了。
因为在 iOS 15 中,苹果已经为内置浏览器 Safari 加入了扩展功能。
通过这些扩展,我们可以实现很多浏览器本身不支持的操作,解决展开全文问题可谓信手拈来。
目前,应用商店已经有很多扩展都可以实现这个功能,比如「拦截 100」。
操作步骤非常简单,看好了。
第一步:在 APP Store 搜索「拦截 100」,安装。
第二步:在系统设置里找到「Safari 浏览器」,然后点击「扩展」,开启「拦截 100」并「允许所有网站」。
这样就算设置好啦。
效果看下图:同一个网页,左边是关闭扩展,右边是打开扩展。
网页浏览瞬间香了起来有木有!
而且吼,「拦截 100」的三个核心功能是免费的:自动展开全文、拦截跳转 App、去除网页 App 横幅广告。
(免费使用)
如果你愿意氪金,还可以解锁脚本、深度去广告等功能,大家根据自己的需求来就好。
(15 元一年,30 元买断,其实也不算很贵)
除了「拦截 100」,App Store 还有很多扩展都已经支持自动展开全文,大家可以挑一个自己喜欢的。
对了,想浏览所有 Safari 扩展,可以从 App Store 中的「App」-「热门类别」-「Safari 浏览器扩展」进入哦~
安卓这边,目前还没有主流的浏览器支持扩展插件。
毕竟系统层面还不支持,所以很难形成气候。
但是,咱们也可以通过一些小众浏览器的脚本功能,实现类似操作,比如 Via 浏览器。
浏览器脚本
与很多主流浏览器不同,Via 浏览器内置了脚本功能,可以借助 JavaScript 代码实现扩展操作。
但问题来了,这玩意咱也不会写呀,怎么办呢?
高手在民间,一些开发者自发地贡献了脚本,甚至还做了网站,实现一键安装。
用户唯一需要做的,就是点击安装。
看下效果,左侧是安装前,一打开网页就提示跳转;右侧是安装后,无需点击即可拉到结尾。
不过,由于这些浏览器和脚本都比较小众,也缺乏有组织的维护,So...可能出现覆盖不全、失效等情况。
比如说在百度经验自动展开全文时,就遇到了显示 Bug,正文还没完就直接显示广告了。
不管怎么说,这些方法都只能从表面上解决问题。
想要完全杜绝,依旧得看这些互联网大厂。
信
51rgb
网页自动跳转页面的代码在很多时候都非常的有用,下面的是两个简单的例子。仅供参考。
方案一,用<meta>里直接写刷新语句:
<html>
<head>
<meta http-equiv="Content-Language" content="zh-CN">
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
<meta http-equiv="refresh" content="5;url=http://www.51rgb.com">
<title>html网页自动跳转代码--西农大网站</title>
</head>
<body>
测试:html网页自动跳转代码<br/>
你可以在这里写下你想的一切东西!<br />
如:西北农林科技大学是一所985、211院校。<br />
</body></html>
方案二,用javascript脚本来跳转
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>正在进入西农大网站</title>
</head>
<body>
<form name=loading>
<p align=center> <font color="#0066ff" size="2">正在进入,请稍等</font><font color="#0066ff" size="2" face="Arial">...</font>
<input type=text name=chart size=46 style="font-family:Arial; font-weight:bolder; color:#0066ff; background-color:#fef4d9; padding:0px; border-style:none;">
<inputtype=text name=percent size=47 style="color:#0066ff; text-align:center; border-width:medium; border-style:none;">
<script>
var bar=0
var line="||"
var amount="||"
count
function count{
bar=bar+2
amount =amount + line
document.loading.chart.value=amount
document.loading.percent.value=bar+"%"
if (bar<99)
{setTimeout("count",100);}
else
{window.location =http://www.51rgb.com;}
}</script>
</p>
</form><p align="center">
测试:html网页自动跳转代码<br/>
你可以在这里写下你想的一切东西!<br />
如:西北农林科技大学是一所985、211院校。<br /><br />
如果您的浏览器不支持跳转,<astyle="text-decoration: none" href="http://www.mycodes.net
"><font color="#FF0000">请点这里</font></a>.</p>
</body>
</html>
↓↓↓
今天要给大家分享10款精美的HTML5图片轮播/切换动画,这些动画每一个都有自己的特点,不管你是PC端的网页,还是移动端的H5应用,都可以尝试使用这些动画来提高应用的用户体验。
❝PS:请你耐心看完,文末我提供了所有动画的源码打包下载链接,如果你喜欢这些动画,可以按需下载,希望对你有所帮助。
这是一个简约而实用的JS画廊相册组件,它的特点是可以添加无限多张相片,并且支持水平无限循环滑动。另外它还支持对画廊中的相片进行展开和折叠,并同时动态展示相片的标题和描述。这款相册组件主要采用了jQuery插件以及CSS3的过渡动画特性,使用起来十分方便。
这是一个基于TweenMax动画库的图片碎裂切换动画,它的特点是点击图片时,图片就会像玻璃那样碎裂成许多块,然后渐渐地消失,直到下一张图片显示为止。这款图片碎裂动画也可以应用在焦点图的切换动画中,效果非常不错。
Swiper.js是一个流行的移动端轮播图插件,它提供了丰富的功能和配置项。这款图片滑块动画就是基于Swiper.js实现的,它的特点是图片切换的时候,图片上方将会出现白色背景的视差效果图层,并且它可以适配不同的浏览器尺寸。
这又是一个非常酷的HTML5 Canvas图片切换动画,它是基于知名3D动画库threejs实现的。在图片切换过程中,你也可以通过鼠标拖动来查看切换时的具体细节效果。如果将它制作成一个效果非常独特而华丽的相册或者焦点图插件,相信会很不错的。
这是一个纯CSS实现的手风琴特效的图片切换动画,它的特点是采用了CSS滤镜特效,首先将原图通过滤镜变换成黑白样式,鼠标滑过激活图片后,再将黑白图转换成原图,从而实现图片高亮的效果。
这同样是一款手风琴特效的图片切换动画,它基于jQuery开发,是一款非常不错的jQuery图片轮播插件。它的特点是支持自动播放,使用简单,对于一些商品展示的站点或者app,比较适合使用。
这是一款采用SVG遮罩来实现波浪样式的图片切换动画。所有的图片采用背景图片的方式,图片上方定义SVG圆形路径,通过对圆形svg路径的样式渲染,实现波浪切换的动画效果。
Slicebox是一款基于jQuery的图片切换插件,尽管jQuery在新的web系统中使用越来越少,但我们依然可以使用它的强大插件来丰富我们现有的网站。这款图片切换插件的特点是播放上一张或下一张图片时,图片会出现水平分裂或垂直分裂的3D视觉效果。
这款jQuery图片切换插件拥有简单的使用方法和灵活的扩展方式,支持单页面多实例,并且可适配不同的屏幕尺寸。另外通过配置,我们可以让图片切换组件支持自动播放、显示切换按钮、鼠标滑过放大图片等特性。
这是一款纯CSS实现的图片滚动特效,它的特点是我们可以通过滚动浏览器的横向滚动条,可以让图片进行水平切换滚动。另外图片排列呈现3D投影的视觉效果,同时也可以在移动端通过手指滑动来实现图片的横向滚动浏览。
*请认真填写需求信息,我们会在24小时内与您取得联系。