给大伙支两招，一键去网页跳转弹窗
zhezhongyun 2024-12-22 21:56 67 浏览
很多网页都加入了一个鸡贼的操作——「打开 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，正文还没完就直接显示广告了。
不管怎么说，这些方法都只能从表面上解决问题。
想要完全杜绝，依旧得看这些互联网大厂。
相关推荐
- JavaScript做个贪吃蛇小游戏(过关-加速)，无需网络直接玩。
-
JavaScript做个贪吃蛇小游戏（过关-则加速）在浏览器打开文件，无需网络直接玩。<!DOCTYPEhtml><htmllang="en"><...
- 大模型部署加速方法简单总结（大模型 ai）
-
以下对大模型部署、压缩、加速的方法做一个简单总结，为后续需要备查。llama.cppGithub:https://github.com/ggerganov/llama.cppLLaMA.cpp项...
- 安徽医大第一医院应用VitaFlow Liberty(R)Flex为患者焕然一“心”
-
近日，在安徽医科大学第一附属医院心血管内科负责人暨北京安贞医院安徽医院业务副院长喻荣辉教授的鼎力支持和卓越带领下，凭借着先进的VitaFlowLiberty(R)Flex经导管主动脉瓣可回收可...
- 300 多行代码搞定微信 8.0 的「炸」「裂」特效!
-
微信8.0更新的一大特色就是支持动画表情，如果发送的消息只有一个内置的表情图标，这个表情会有一段简单的动画，一些特殊的表情还有全屏特效，例如烟花表情有全屏放烟花的特效，炸弹表情有爆炸动画并且消息和...
- 让div填充屏幕剩余高度的方法（div填充20px）
-
技术背景在前端开发中，经常会遇到需要让某个div元素填充屏幕剩余高度的需求，比如创建具有固定头部和底部，中间内容区域自适应填充剩余空间的布局。随着CSS技术的发展，有多种方法可以实现这一需求。实现步骤...
- css之div内容居中（css中div怎么居中）
-
div中的内容居中显示，包括水平和垂直2个方向。<html><head><styletype="text/css">...
- 使用uniapp开发小程序遇到的一些问题及解决方法
-
1、swiper组件自定义知识点swiper组件的指示点默认是圆圈，想要自己设置指示点，需要获得当前索引，然后赋给当前索引不同的样式，然后在做个动画就可以了。*关键点用change方法，然后通过e.d...
- 微信小程序主页面排版（怎样设置小程序的排版）
-
开发小程序的话首先要了解里面的每个文件的作用小程序没有DOM对象，一切基于组件化小程序的四个重要的文件*.js*.wxml--->view结构---->html*.wxss--...
- Vue动态组件的实践与原理探究（vue动态组件component原理）
-
我司有一个工作台搭建产品，允许通过拖拽小部件的方式来搭建一个工作台页面，平台内置了一些常用小部件，另外也允许自行开发小部件上传使用，本文会从实践的角度来介绍其实现原理。ps.本文项目使用VueCLI...
- 【HarmonyOS Next之旅】兼容JS的类Web开发(四) -＞ tabs
-
目录1->创建Tabs2->设置Tabs方向3->设置样式4->显示页签索引5->场景示例编辑1->创建Tabs在pages/index目录...
- CSS:前端必会的flex布局，我把布局代码全部展示出来了
-
进入我的主页，查看更多CSS的分享！首先呢，先去看文档，了解flex是什么，这里不做赘述。当然，可以看下面的代码示例，辅助你理解。一、row将子元素在水平方向进行布局：1.垂直方向靠顶部，水平方向靠...
- 【HarmonyOS Next之旅】兼容JS的类Web开发(四) -＞ swiper
-
目录1->创建Swiper组件2->添加属性3->设置样式4->绑定事件5->场景示例编辑1->创建Swiper组件在pages/index...
- CSS:Flex布局，网页排版神器!（css3 flex布局）
-
还在为网页排版抓狂？别担心，CSS的flex布局来了，让你轻松玩转各种页面布局，实现网页设计自由！什么是Flex布局？Flex布局，也称为弹性布局，是CSS中的一种强大布局方式，它能够让你...
- 移动WEB开发之flex布局，附携程网首页案例制作
-
一、flex布局体验传统布局兼容性好布局繁琐局限性，不能再移动端很好的布局1.1flex弹性布局：操作方便，布局极为简单，移动端应用很广泛PC端浏览器支持情况较差IE11或更低版本，不支持或仅部...
- 2024最新升级–前端内功修炼 5大主流布局系统进阶(mk分享)
-
2024最新升级–前端内功修炼5大主流布局系统进阶(mk分享)获课》789it.top/14658/前端布局是网页设计中至关重要的一环，它决定了网页的结构和元素的排列方式。随着前端技术的不断发展，现...
- 一周热门
- 最近发表
-
- JavaScript做个贪吃蛇小游戏(过关-加速)，无需网络直接玩。
- 大模型部署加速方法简单总结（大模型 ai）
- 安徽医大第一医院应用VitaFlow Liberty(R)Flex为患者焕然一“心”
- 300 多行代码搞定微信 8.0 的「炸」「裂」特效!
- 让div填充屏幕剩余高度的方法（div填充20px）
- css之div内容居中（css中div怎么居中）
- 使用uniapp开发小程序遇到的一些问题及解决方法
- 微信小程序主页面排版（怎样设置小程序的排版）
- Vue动态组件的实践与原理探究（vue动态组件component原理）
- 【HarmonyOS Next之旅】兼容JS的类Web开发(四) -＞ tabs
- 标签列表
-
- HTML 教程 (33)
- HTML 简介 (35)
- HTML 实例/测验 (32)
- HTML 测验 (32)
- JavaScript 和 HTML DOM 参考手册 (32)
- HTML 拓展阅读 (30)
- HTML常用标签 (29)
- HTML文本框样式 (31)
- HTML滚动条样式 (34)
- HTML5 浏览器支持 (33)
- HTML5 新元素 (33)
- HTML5 WebSocket (30)
- HTML5 代码规范 (32)
- HTML5 标签 (717)
- HTML5 标签 (已废弃) (75)
- HTML5电子书 (32)
- HTML5开发工具 (34)
- HTML5小游戏源码 (34)
- HTML5模板下载 (30)
- HTTP 状态消息 (33)
- HTTP 方法：GET 对比 POST (33)
- 键盘快捷键 (35)
- 标签 (226)
- HTML button formtarget 属性 (30)
- CSS 水平对齐 (Horizontal Align) (30)