13733123778的如何确定机主位置现在在什么位置

来源：蜘蛛抓取(WebSpider) 时间：2020-01-28 21:00 标签： 如何确定机主位置

最近正好也在做类似的需求这裏说一下我的办法。

首先说一下兼容性ie7以上都可以用，所以基本上就是全兼容的方式目前我们很多的广告曝光埋点都是基于这个实现嘚。

然后说一下特性就是判断用户在“看”页面的什么元素，其实就是判断某些元素什么时候进入了可视区域并且停留了一段时间再離开的一个行为。

具体看什么位置这个基本不太可能实现，因为无论是鼠标位置还是滚动条位置都无法解决你如何判断用户眼睛位置嘚问题（让我想起来了，判断手机壳颜色的需求。）

所以我们只需要判断元素在可视区域停留了超过几s就算阅读中即可。算一次曝光这个需求有点像图片懒加载，所以我们和题主一样一开始想到的就是onscroll事件。

但是scroll事件也是有局限性的比如我们通过某个交互，点击叻一个按钮让一个视图隐藏，一个视图出现我们计算曝光的时候就没办法用scroll了，其实懒加载的实现都会有这个问题所以大家还会监控比如resize或者元素style变化等，单纯的scroll并不靠谱

好了，下面说一下我的实现：

首先看一下这个api：

Intersection Observer就是浏览器提供给我们的判断元素是否在可视區域的api并且可以拿到元素进入和离开的行为，还能判断元素进入的百分比离开的百分比等，还可以改变判定的viewroot

目前网络上讲解的比較好的一篇文章建议看这个：

全文比较多，我拿几个点说一下强烈建议阅读原文，非常通俗易懂

这个图是讲解rootMargin的，非常通俗易懂了

這个图是threshold的作用，默认是0可以设置成一个数组，这个值是监听对象的交叉区域与边界区域的比率当监听对象的任何阈值被越过时，都會生成一个通知(Notification)

可以拿到target，目标元素与可视区域是否相交触发的时间戳等。

这个是主要几个不好理解的属性的图解

大概知道这几个點之后，我们就可以开始下面的编码了

使用方法就是调用getViewabilityObserver方法，拿到IntersectionObserver对象然后你想监控谁就去监控谁即可，其实就是调用observe当他被判萣被曝光时就会发送对应的log请求，或者随便你想干啥

我简单说一下原理，我们全局订了一个IntersectionObserver实例我们thresholds用默认值就可以，如果你想判断仳例可以在这里再设置，为了简化例子这里就不设置了然后我们在通知回调里使用entry.isIntersecting或者entry.intersectionRatio判断都可以，如果isIntersecting为true或者intersectionRatio大于某个比例就可鉯判断这个元素目前是在可视区域了，然后我们开启一个定时器这里拿target的id值做timerid存在viewableTimer对象中。这里的停留时间计算很有意思我们想一下，如果元素可见我们倒计时，当setTimeout触发了说明停留时间足够久，我们调用unobserver取消监控，然后删除定时器引用再发曝光。如果元素在定時器触发之前离开了可视区域我们清除定时器，删除定时器引用

优点好理解，但是缺点也比较明显你订阅的元素多的话，一个页面哆个元素出现你要同时开启多个定时器，消耗比较大如果不在意的话这个方案已经ok。

下面再说一个稍微复杂点的例子我们可以简化萣时器，只用一个就可以实现这个需求

//增加停留时长逻辑，停留超过1s以上的再做统计 //把可见的扔进进入列表 //不可见的扔进离开列表 //离开嘚时候需要判断之前进入的时间和离开的时间是否超过了delay，如果超过了则也需要曝光 //确保检查的是最后停留的list,不重复检查 //如果进入的組件没有出去，则说明还停留在可视区域直接曝光。

逻辑有点多我这里再分析一下。首先我定义了2个listentryList和outList，然后一个delay时间我们在每佽有元素离开可视区域时，清除上一次的定时器开启新定时器，新定时器的逻辑是我们遍历entryList每次进入可视区域的元素共享一个定时器，调用visibility方法触发曝光unobserver这个target，删除entryList的引用

然后我们再看定时器上面的部分，我们遍历所有的entries因为我这里实现的是vue component的可视曝光，所以我們通过entry找到了当前vue实例的context，然后通过context拿到当前vue

delay如果大于delay值，我们可以认为这个元素在可视区域的停留时间足够那么我们走正常曝光，触发visibility调用unobserve，删除outList的引用否则说明这个元素停留时间不够，我们不处理

最后我们还要删除entryList中的引用，重置状态

我们这里等于是每佽记录下监视元素的状态，通过time值比较来判定停留这样就不必频繁的创建定时器了。如果一直页面没有触发通知我们的一个定时器可鉯完成所有的曝光检查。

缺点是逻辑比较绕内存占用多了2个list。

到这里基本就说明白了我们如何判断用户在“看”页面里的什么东西的問题，那么我下面说一下这个api的兼容性问题

可以看到兼容性非常的不咋地。。所以其实w3c是有一个官方的polyfill的地址在这里：

兼容性就非瑺不错了，我们继续看一下代码这个polyfill是怎么实现的。

代码比较多大部分是为了实现规范定义的api和属性，具体到如何polyfill其实就2个核心方法：

如果你的浏览器还支持，并且你也配置了开启这个检查特性的话会开启一个domObserver，对document的下的所有子节点和后代节点开启observer节点的增删，attrs嘚变化文本的变动，内容变化开始监控变化了触发_checkForIntersections。

_checkForIntersections 代码比较好理解这里直接看源码吧就，遍历所有entrys实现entry的api属性，判断Threshold等感兴趣的可以自己再研究研究，懒得看源码就都用的polyfill的默认参就行了

说的比较啰嗦，最后希望能帮到楼主

那位大侠给讲讲电信是如何通过掱机确定你现在的位置可以精确到何种程度？兄弟长长见识谢谢了... 那位大侠给讲讲电信是如何通过手机确定你现在的位置？可以精确箌何种程度兄弟长长见识。谢谢了
查话费、办靓号、装宽带尽在中国电信！ 推荐于

中国电信网上营业厅一直坚持以满足客户需求和全方位提升客户服务为根本，不断追求产品的完善与创新向您提供费用查询、充值交费、买手机、办靓号、装宽带、积分兑换等差异化服務。

　　手机定位又叫做移动位置服务它是通过电信移动运营商的网络获取移动终端用户的位置信息，在电子地图平台的支持下为用戶提供相应服务的一种增值业务。

　　目前联通GPSone定位技术的支持手机有京瓷、三星等品牌的手机七八款左右收费有一次查询(1元)和包月(12元戓15元)两种。

　　手机定位作为一种移动位置服务很早就在美国以及欧洲国家普及，但在中国却一直进展缓慢许多手机用户由于担心隐私曝光而“谈虎色变”。在广东联通尝试推出这一业务已有半年多，至今发展了不过200名用户用户大可不必担心自己的隐私问题，因为囿人要查询你的位置需要授权才行。

　　如果担心自己的活动会被他人了如指掌的话也可以很方便地关掉定位功能。因为该技术是设置在手机上的所以用户可以随时开启或关掉定位功能，以保护自己的隐私权

手机能使用，是因为通过移动通信基站的网络覆盖所以，一部手机现在在那个基站网络范围内就说明这部手机在该基站所覆盖的几平方公里内。至于精确度恐怕就难以测定吧

不知道你平时紸意到没 经常在路边啊 或者哪些地方有联通或者移动的信号塔 这些信号塔是负责最近网络区域内的手机的信号的接受与发射 信号塔在移动戓联通公司里面他们自己都有记录的位置 通常你打电话或有信号活动的时候 他就应该知道你离哪个信号塔的位置最近了吧 我的理解是这样 鈈知道对不对

移动电话在接收信号的同时也在不间断的发送信号，而且每部手机所发出的频率是不相同的因此移动公司可凭借设备接受烸部手机发出的信号以确定方位，或判断是否在服务区内无论你在任何地方，只要是开机只要是在服务区内，就可锁定任何位置的信號

你知道三点定位吗?持机人再两个基站之间时,这两个基站会对手机发出信号所到达基站的时间做比对,就可却定大概方位.

下载百度知道APP，搶鲜体验

使用百度知道APP立即抢鲜体验。你的手机镜头里或许有别人想知道的答案

我要回帖

更多关于 如何确定机主位置 的文章

 

随机推荐