前不论安卓阵营还是IOS阵营,系统悬浮球已经是一个随意可见的功能了,不论系统定制的,还是第三方App度可以满足大家的需求,各个系统的悬浮球的差别就不一一列举了,用过的小伙伴自然是心中有数的呀!
相信大家都知道苹果在iOS 5推出了悬浮球的功能,其实小米在MIUI8的时候也推出了悬浮球的功能,但是你真的会用它吗?如果你觉得自己对MIUI悬浮球功能知之甚少,那么请跟随先生的脚步,详细的了解一下MIUI的悬浮球功能。
一、开启方法
MIUI悬浮球的开启方法是在系统设置-更多设置里面找到悬浮球,点击进入后打开悬浮球就可以。当然大家比较懒的话也可以在下拉通知栏搜索“悬浮球”,同样是点击进入后打开悬浮球就可以。就是这么简单。
二、功能详解
1、自定义菜单
MIUI的悬浮球一共可以放置5种不同的功能,其中每个功能都可以设置为更改系统设置、打开快捷功能、快捷支付或打开预先设置好的应用。具体可以打开的操作如图
我在这里举个栗子:小明牵着女朋友在街上闲逛,突然小明的小米max2从裤兜滑了出来摔在地上,碰巧把手机下方的返回键摔坏了,这个时候小明就机智的呼出了MIUI悬浮球并将返回键设置在菜单里面,这样子小明的小米max2又复活啦。
2、操作模式
MIUI的悬浮球专门为大家设置了两种操作模式“点击、滑动”
所谓点击,就是在打开悬浮球后,点击相关的选项后就可以了。而滑动,则是呼出悬浮球之后,从悬浮球滑向相关的选项就可以。
3、隐藏悬浮球
顾名思义,隐藏悬浮球就是在选定的应用界面里面不显示悬浮球,这种选项一般在玩游戏的时候使用,用来防止误触到悬浮球。
4、全屏下自动贴边
这个功能和“隐藏悬浮球”一样,都是为了在全屏游戏时候防止误触用的。
还是请出我们的小明同学。小明同学平时喜欢用小米max2打王者荣耀,一天他刚刚开了一把排位,由于没有把悬浮球贴边,团战的时候老是误点到悬浮球,导致被团灭,最后排位输了。(手动滑稽)
5、在锁屏界面显示
这个选项也挺好理解,就是说在锁屏界面中也显示悬浮窗,可以建议返回键摔坏的小明同学开启这个选项。
文末语:MIUI的悬浮球对于iOS的悬浮球来说虽说推出的时间较晚,可是在功能和特性(可隐藏悬浮球、可自动贴边等等)上比iOS的悬浮球多了不少,可以算得上是后来居上了吧。文章里面的只是我个人对于悬浮球玩法的理解,如果大家有更好玩的玩法,欢迎补充。
更多玩机技巧、还有相关问题可以来MIUI论坛APP——问答专区进行了解!
这里是陈先生杂谈,欢迎大家关注!本文系引用,部分有删改,仅为分享、交流、传播信息所用,版权归MIUI论坛帅比徐凯所有,本人不承担任何法律责任,详细参考:http://www.miui.com/thread-8913380-1-1.html
分享的这款工具是个Chrome下的插件,叫:Web Scraper,是一款可以从网页中提取数据的Chrome网页数据提取插件。在某种意义上,你也可以把它当做一个爬虫工具。
也是因为最近在梳理36氪文章一些标签,打算看下别家和创投相关的网站有什么标准可以参考,于是发现一家名叫:“烯牛数据”的网站,其提供的一套“行业体系”标签很有参考价值,就说想把页面上的数据抓下来,整合到我们自己的标签库中,如下图红字部分:
如果是规则展示的数据,还能用鼠标选择后复制粘贴,但这种嵌入页面中的,还是要想些办法。这时想起之前安装过Web Scraper,就用下试试,还挺好用的,一下子提高了收集效率。也给大家安利下~
Web Scraper这个Chrome插件,我是一年前在三节课的公开课上看到的,号称不用懂编程也能实现爬虫抓取的黑科技,不过貌似三节课官网上找不到了,大家可以百度:“三节课 爬虫”,还能搜到,名字叫“人人都能学会的数据爬虫课”,但好像还要交100块钱。我是觉得这东西看看网上的文章也能学会,比如我这篇~
简单来说,Web Scraper是个基于Chrome的网页元素解析器,可以通过可视化点选操作,实现某个定制区域的数据/元素提取。同时它也提供定时自动提取功能,活用这个功能就可以当做一套简单的爬虫工具来用了。
这里再顺便解释下网页提取器抓取和真正代码编写爬虫的区别,用网页提取器自动提取页面数据的过程,有点类似模拟人工点击的机器人,它是先让你定义好页面上要抓哪个元素,以及要抓哪些页面,然后让机器去替人来操作;而如果你用Python写爬虫,更多是利用网页请求指令先把整个网页下载下来,再用代码去解析HTML页面元素,提取其中你想要的内容,再不断循环。相比而言,用代码会更灵活,但解析成本也会更高,如果是简单的页面内容提取,我也是建议用Web Scraper就够了。
关于Web Scraper的具体安装过程,以及完整功能的使用方法,我不会在今天的文章里展开说。第一是我只使用了我需要的部分,第二也是因为市面上讲Web Scraper的教程很丰富,大家完全可以自行查找。
这里只以一个实操过程,给大家简单介绍下我是怎么用的。
第一步 创建Sitemap
打开Chrome浏览器,按F12调出开发者工具,Web Scraper在最后一个页签,点击后,再选择“Create Sitemap”菜单,点击“Create Sitemap”选项。
首先输入你想抓取的网站URL,以及你自定义的这条抓取任务的名字,比如我取的name是:xiniulevel,URL是:http://www.xiniudata.com/industry/level
第二步 创建抓取节点
我想抓取的是一级标签和二级标签,所以先点进去刚才创建的Sitemap,再点击“Add new selector”,进入抓取节点选择器配置页,在页面上点击“Select”按钮,这时你会看到出现了一个浮层
这时当你鼠标移入网页时,会自动把某个你鼠标悬停的位置绿色高亮。这时你可以先单击一个你想选择的区块,会发现区块变成了红色,想把同一层级的区块全选中,则可以继续点击相邻的下一个区块,这时工具会默认选中所有同级的区块,如下图:
我们会发现下方悬浮窗的文本输入框自动填充了区块的XPATH路径,接着点击“Done selecting!”结束选择,悬浮框消失,选中的XPATH自动填充到下方Selector一行。另外务必选中“Multiple”,以声明你要选多个区块。最后点击Save selector按钮结束。
第三步 获取元素值
完成Selector的创建后,回到上一页,你会发现多了一行Selector表格,接下来就可以直接点击Action中的Data preview,查看所有想获取的元素值。
上图所示部分,是我已经添加了一级标签和二级标签两个Selector的情况,点击Data preview的弹窗内容其实就是我想要的,直接复制到EXCEL就行了,也不用什么太复杂的自动化爬取处理。
以上就是对Web Scraper使用过程的简单介绍。当然我的用法还不是完全高效,因为每次想获取二级标签时还要先手动切换一级标签,再执行抓取指令,应该还有更好的做法,不过对我而言已经足够了。这篇文章主要是想和你普及下这款工具,不算教程,更多功能还是要根据你的需求自行摸索~
怎么样,是否有帮到你?期待你的留言与我分享~
TML 的 onmouseover 事件是网页开发人员工具箱中一个强大的工具。通过本文,你将全面掌握 onmouseover 事件的使用方法,并了解如何创建充满活力和互动的网页元素。从基本原理到高级应用,我们将探索 onmouseover 事件的各种可能性。
onmouseover 事件揭秘
onmouseover 事件在鼠标指针移动到特定元素上方时触发。这为网页开发人员提供了捕捉用户互动并相应地改变网页元素的机会。该事件通常与 onmouseout 事件搭配使用,后者在鼠标指针移出元素时触发。
基本语法
onmouseover="代码"
在这里,"代码" 是指当鼠标悬停在元素上时你希望执行的 JavaScript 代码。让我们看一个简单的例子:
<div onmouseover="alert('你好,世界!')">悬停我</div>
在这个例子中,当用户将鼠标悬停在 "悬停我" 元素上时,它会弹出一个带有 "你好,世界!" 消息的警示框。
动态效果和样式更改
onmouseover 事件真正闪光的地方在于它可以改变网页元素的样式和外观。你可以改变元素的背景颜色、边框、字体大小等。来看一个例子:
<style>
.box {
width: 100px;
height: 100px;
background-color: lightgray;
}
</style>
<div class="box" onmouseover="this.style.backgroundColor='red'">
将鼠标悬停于此
</div>
在这个例子中,当鼠标悬停在方块上时,它的背景颜色会变成红色。
图像效果
onmouseover 事件在图像上也很有用。你可以创建图像悬停效果,为你的网页增添视觉吸引力。来看一个例子:
<img src="image1.jpg" onmouseover="this.src='image2.jpg'">
在这个例子中,当鼠标悬停在图像上时,图像会切换为 "image2.jpg"。
菜单和下拉列表
onmouseover 事件在创建菜单和下拉列表时也很有用。你可以显示隐藏的菜单项或下拉列表,为用户提供动态的导航体验。
<div onmouseover="document.getElementById('menu').style.display='block'">
显示菜单
</div>
<div id="menu" style="display: none;">
<a href="#">链接 1</a>
<a href="#">链接 2</a>
<a href="#">链接 3</a>
</div>
结论:释放你的创造力
onmouseover 事件为网页开发人员提供了增强用户体验和创建动态交互的机会。从简单的样式更改到复杂的菜单系统,onmouseover 事件都可以胜任。通过本文的学习,你已经掌握了 onmouseover 事件的基本原理和应用。现在,你可以利用这些知识,在你的网页设计中加入生动的元素,创造出引人入胜的用户体验!释放你的创造力,让网页更加充满活力!
*请认真填写需求信息,我们会在24小时内与您取得联系。