alook浏览器_手机浏览器我选这6款,最后一款苹果用户看哭了……

8dc764e866b7e0553de6e4a05327e479.png
“什么?现在还有人在手机用浏览器?”

这是身边很多人对于手机浏览器APP的第一反应,仔细一想,确实在内容“搜索”上好像有太多能代替它们的内容平台。

但如果我说有些浏览器APP可以当做电子书,或者可以跳过视频广告,又或者可以替代一些常用APP,它们可能就被赋予了“搜索”以外的功能。

所以这篇文章,也是自己测评体验了近30款浏览器软件后,甄选了其中的6款,也把觉得非常棒的功能都罗列出来,当然无广告最重要。

P.s:文末留言区,欢迎大家补充~

01. Safari浏览器

作为ios用户,第一款要推荐的浏览器可能是被大家遗忘的自带浏览器 —— Safari浏览器。

和很多同学一样,我们会觉得它界面古板,logo的指南针看起来也不太聪明的样子,自然而然就会将其闲置。

但其实它的功能也没有那么糟糕,基础的无痕模式、页面切换、快速搜索功能一应俱全。

2343ebc5705dea6204d23f457c584efb.png

面对阅读型网页的时候,你可以进入阅读器视图,阅读体验更佳,自由调节背景颜色及字体大小

49c146aefaf5f5024d7d8988c2666ed3.png

这些操作都是通过点击屏幕最上方的AA图标就能实现,我很喜欢米色背景配上圆体的字体阅读,有一种梦回安卓改手机字体的体验。

51198cd2cff0a1ec217ef10fd15719df.png

如果你有你每天都要浏览的网站,那你还可以将这个网址添加到主屏幕,可以自己修改默认名称,与APP图标相差无几,16G容量的朋友快学起来!

d76f85324b3c0d0db882ff10253815f3.png

另外一点就是Safari的截图功能,大家都知道ios本身无长截图功能(借助第三方可实现),但如果在浏览器中利用捷径整页截图,可以生成网页的PDF

b6f30e7ba505f0adaba14047cb3b0f98.png

02. Alook

全场唯一付费软件,疫情期间半价只需6元即可购买,目测已经恢复原价,我一般不推荐付费软件,但Alook浏览器真的值得。

作为一款功能型浏览器,常规的图片提取、无图模式、翻译、全屏模式、阅读模式都是标配,黑夜模式也和ios自带的颜色不一样。

e2b65eb6f73bbd27edb5ec2add1ddd65.png

最强的是Alook的视频播放功能,首先可以屏蔽片头广告,进入视频播放界面点击右下角播放按钮,还可以进入二级设置。

这里的设置可以将视频悬浮播放,或者设置倍速,从0.5-2.0一共有9个变速区间,长按也能实现倍速播放

2f7b7e793c592aaa802ac65216774e16.png

另外,Alook的工具箱还提供了包括屏幕常亮、定期刷新、网页截图、生成二维码之类的衍生功能,个人觉得生成二维码还是很便捷的。

安卓手机本身支持分屏,在使用iPad的时候,Alook 也可以利用小窗口播放,悬浮视频窗口,一边看学习视频一遍做笔记,完美操作!

367e9dd269a700db6f0599f7e2046b28.png

Alook浏览器还有很酷的一点,微信下载了zip文件后,还可以通过Alook打开,在线解压!再也不用担心压缩包打不开的问题了!

59180b0d4c08bbe6b3f82b5e91f0f32e.png

03. 简单搜索

简单搜索,是百度推出的一款轻搜索APP。

正如名字说得那样:简单。简单搜索最大的特点就是简单,界面简洁明了,没有太多花里胡哨的推送和按钮,让搜索回归它最开始的样子。

0ec89c617c991e6d82ae1e9a75a4bc9f.png

主界面,我们可以语音搜索,会快速识别语音然后给出搜索答案,当然用讯飞或者其他输入法也能实现语音搜索。

关于主页背景,我们也是可以自定义,可以选择明星主题(当然数量不多),或者是自定义选择图片作为背景,当然还可以回到纯白底+Logo的原版主题。

727991531717c7a0a7e87348b45ee1f7.png

除了界面的简单以外,简单搜索做到了另一个简单:搜索无广告

我们搜索关键词“正畸”,下图左图是简单搜索的截图,右图则是Alook的截图,明显能感受到对比。

07c9bf30f67a173ab1e8a9826b1194ed.png

简单搜索自带的工具箱,没有Alook那么多,但每一个都是非常实用的:长截图/智能无图/页内搜索(一定程度上满足了长截图)。

04. 夸克

百度有简单搜索,那阿里旗下也有一款夸克浏览器,原本夸克的风评一直都很不错的,但是今年它有些变了。

现在的夸克,基本界面还是维持了去年版本的简洁,设计也有所优化,但默认状态下,搜索栏底下的图标显示的分别是:捷径、Ai应用、精选、 学习及夸克高考

d9acef9f98fdf843e15af91f3deba330.png

这块功能也是夸克追求的AI引擎,在这类按钮下藏着更多内容,但在我看来有些累赘,个人使用依旧会想要那个纯粹的夸克

它们会提供日历、表情包、签到、热搜榜、笑话、话题互动、壁纸、冷知识、星座、电影、疫情、Ai讲故事、翻译、历史上的功能,功能很多,任君选择。

高考专区则是迎合了毕业生的需求,里面会提供录取、查分、高校查询、专业预测等一些列与新晋大学生相关的内容圈子。

7fd76555128e3ab75163f1c0fd68b162.png

甚至连还加入了书城、圈子等社区性质的板块,比原来繁琐了很多,但如果我们不喜欢,可以在主页长按删除这些按钮

当然还设置了网盘,部分需付费。

删除以后太干净,我们想要添加一些常用网站进去,其实也是可以的,单击空白区域后点击添加网站即可,支持默认推荐的网站,也支持书签嵌入。

d01e3c7f0059e2a5b997fbee4a4fcec6.png

05. Microsoft Edge

今年Microsoft Edge更新以后,我也把电脑默认浏览器更改为了它,基础功能满足的同时不花里胡哨,非常好用。

其实Edge和Chrome一样,都有各自的手机版,配合PC端一起使用可以同步浏览记录和收藏夹,且都可以切换到桌面版

e5c970fbca00670cab54827ebd531e2d.png

其中有一点还是蛮有趣的,APP上浏览的网页可以选择 在PC上继续 浏览,在Windows系统设置中与Edge互相链接即可。

cde04af9ad169022d6bedf5e3c50715c.png

具体操作的话,可以跟着弹出的消息框在系统设置链接,再接受一个邮箱验证码就可以了,虽然好像没有太实用,但跨平台连接还是蛮有趣的。

06. Via

“太好用了,就差一部安卓了!”

via在安卓用户的心里都有着非一般的地位,除了浏览器,它们家的插件也是被大众喜爱的产品。

首先是大小,相比起上面介绍动辄50m的软件,Via在安卓应用商店的大小只有500kb,也就是0.5m,基本功能差不多的同时这个体量让人惊叹。

Via自然也适配了一些浏览器的基础配置,包括支持夜间模式、电脑模式等,工具箱里也有页内搜索、网页翻译、智能无图等实用型功能。

e57bd708a4b8aeb86f864c0041172d83.png

工具箱里面,最最最好用的功能,莫过于资源嗅探了,只要我们在Via浏览器里看视频,利用这一功能可以自动提取背景音乐,像极了QQ音乐识别音乐。

c750d424ad421b92ae8804455aef88fc.png

当然,安卓还有蛮多好用的浏览器,包括X浏览器、神奇浏览器之类的,在这里偷个懒就不测评了,大家留言区安利它俩吧!

写在最后

随着各平台的内容功能日益丰富,搜索选择也越来越多,以前查资料默认首先在某度搜索,现在却会选择知乎微信小红书等内容平台。

正因为慢慢没有了在手机上使用浏览器的习惯,使得浏览器及APP的开发越来越不容易,有时候就会不自觉去忽略它们。

去广告不易,精简不易,且用且珍惜。

分享完毕,希望有助。如果补充,留言交流。

<think>嗯,用户想让我写一个JavaScript脚本,实现在Alook浏览器中播放视频的功能。首先,我需要了解Alook浏览器的特点。Alook以轻量、快速著称,支持多种视频格式,并且有悬浮窗播放、倍速调整等功能。那用户可能希望模拟这些特性。 接下来,我得考虑如何用JavaScript实现视频播放。基本的HTML5视频标签<video>是必须的,它提供了控制播放、暂停、音量等功能。然后,可能需要自定义控件,因为原生的控件样式可能不符合Alook的风格。 用户提到的悬浮窗播放,这涉及到将视频元素定位为固定位置,并且允许拖动。这需要监听鼠标或触摸事件,调整元素的lefttop属性。同时,倍速调整可以通过修改video元素的playbackRate属性来实现。 另外,Alook有手势控制,比如滑动调节亮度音量。这部分可能需要监听touch事件,计算滑动距离,然后调整相应的属性。亮度可能通过CSS的filter: brightness()实现,而音量则直接修改video.volume。 还需要考虑全屏播放,HTML5的全屏API可以派上用场,但不同浏览器的兼容性需要注意。Alook基于iOS的WebKit,所以可能需要使用webkitRequestFullscreen方法。 然后,用户可能希望脚本能够自动检测页面上的视频元素,或者提供接口让用户择。这里可能需要遍历DOM查找video标签,或者创建一个新的视频实例。 最后,代码结构要清晰,模块化,比如分成初始化视频、创建控件、悬浮窗功能、手势处理等部分。同时,注意样式隔离,避免影响页面原有样式。 测试时需要考虑移动端的事件,比如touchstart、touchmove,以及桌面端的mousedown、mousemove。可能需要事件委托或者同时支持两种事件类型。 可能遇到的难点包括悬浮窗拖动时的流畅性,手势控制的准确度,以及全屏切换的兼容性。需要逐步测试每个功能,确保在不同环境下正常工作。</think>要实现类似Alook浏览器的视频播放功能,需要结合HTML5视频特性浏览器API。以下是分步骤实现的方案: 一、基础视频播放功能 ```html <!-- HTML部分 --> <div id="alook-video-container"> <video id="alook-video" src="video.mp4"></video> <div class="custom-controls"> <button onclick="togglePlay()">播放/暂停</button> <input type="range" id="volume" min="0" max="1" step="0.1" onchange="setVolume(this.value)"> <button onclick="toggleFullscreen()">全屏</button> </div> </div> <script> // 基础控制功能 const video = document.getElementById('alook-video'); function togglePlay() { video.paused ? video.play() : video.pause(); } function setVolume(level) { video.volume = level; } function toggleFullscreen() { if (video.requestFullscreen) { video.requestFullscreen(); } else if (video.webkitRequestFullscreen) { // iOS Safari video.webkitRequestFullscreen(); } } </script> ``` 二、添加Alook特色功能 1. 悬浮窗播放实现: ```javascript let isDragging = false; let offsetX, offsetY; video.addEventListener('mousedown', startDrag); video.addEventListener('touchstart', startDrag); function startDrag(e) { isDragging = true; const rect = video.getBoundingClientRect(); offsetX = (e.clientX || e.touches[0].clientX) - rect.left; offsetY = (e.clientY || e.touches[0].clientY) - rect.top; document.addEventListener('mousemove', drag); document.addEventListener('touchmove', drag); document.addEventListener('mouseup', stopDrag); document.addEventListener('touchend', stopDrag); } function drag(e) { if (!isDragging) return; const x = (e.clientX || e.touches[0].clientX) - offsetX; const y = (e.clientY || e.touches[0].clientY) - offsetY; video.style.position = 'fixed'; video.style.left = `${x}px`; video.style.top = `${y}px`; } function stopDrag() { isDragging = false; } ``` 2. 手势控制(音量/亮度调节): ```javascript let startY; const container = document.getElementById('alook-video-container'); container.addEventListener('touchstart', e => { startY = e.touches[0].clientY; }); container.addEventListener('touchmove', e => { const deltaY = startY - e.touches[0].clientY; const screenHeight = window.innerHeight; // 左侧调节亮度 if (e.touches[0].clientX < window.innerWidth/2) { const brightness = Math.min(Math.max(deltaY/screenHeight + 1, 0.3), 1); container.style.filter = `brightness(${brightness})`; } // 右侧调节音量 else { const volume = Math.min(Math.max(deltaY/screenHeight + video.volume, 0), 1); video.volume = volume; } }); ``` 三、高级功能扩展 1. 倍速播放控制: ```javascript function setSpeed(speed) { video.playbackRate = speed; // 0.5-2.0 } ``` 2. 画中画模式: ```javascript async function togglePiP() { if (document.pictureInPictureElement) { await document.exitPictureInPicture(); } else if (video !== document.pictureInPictureElement) { await video.requestPictureInPicture(); } } ``` 四、样式优化 ```css #alook-video-container { position: relative; max-width: 100%; transition: filter 0.3s; } .custom-controls { position: absolute; bottom: 10px; background: rgba(0,0,0,0.7); padding: 8px; border-radius: 8px; display: flex; gap: 10px; } ``` 实现要点: 1. 使用HTML5 Video API作为核心 2. 通过CSS transform实现流畅的悬浮窗效果 3. 利用Touch Event API实现手势控制 4. 兼容移动端桌面端操作 5. 添加合理的过渡动画提升体验 建议通过Webpack等工具打包,注意移动端事件冲突处理,并添加错误处理机制。实际开发中还需要处理视频源加载、兼容性检测、控制栏自动隐藏等细节。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值