重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
使用浏览器可以进行手机效果测试:
创新互联公司长期为上千客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为昭苏企业提供专业的成都网站建设、网站建设,昭苏网站改版等技术服务。拥有10年丰富建站经验和众多成功案例,为您定制开发。
现在各大浏览器都有这种功能了, 谷歌、QQ、360搜狐等;
首先打开网页,点击右键列表里会有“审查元素”,再点击手机那个按钮,就可以调整屏幕宽度查看手机效果。
使用HTML5 Geolocation(地理定位API),你可以请求用户共享他们的位置,在用户允许后,应用程序就可以向其提供周边热点信息
设备可以获得如下数据源:
1、IP地址
2、三维坐标(GPS、WIFI、GSM或CDMA的ID)
3、用户自定义数据
优缺点比较:
IP定位:优点-任何地方都可用,在服务器端处理
缺点:不精确(实际差别比较大)
GPS定位:优点:非常精确
缺点:定位耗时长、消耗能量多、需要设备支持、室内效果不佳
WiFi定位(通过多个热点计算三角距离):
优点:精确、简单快捷
缺点:乡镇,不发达地区效果差
手机地理定位(计算到运营商基站三角距离):
优点:比较精确、环境约束小、简单快捷
缺点:需要设备支持、偏远地区效果不佳。
检查浏览器是否支持:
单次位置请求:
方法:void getCurrentPosition(in PositionCallback successCallback,
in optional PositionErrorCallback errorCallback,in optional Positions options);
successCallback:当浏览器请求成功后的回调函数。
errorCallback:请求失败的回调函数(可选)。
options:可选参数【timeout:操作超时;enableHighAccuracy:启用高精度模式;】
实例:
说明:updateLocation(po)只接受一个参数:位置对象。包含坐标(coords)和时间戳。
请求失败:
重复性位置更新:
很多时候,我们需要连续多次获取用户地理信息,Geolocation也提供了相应的方法
12款很棒的浏览器兼容性测试工具推荐:
1、Spoon Browser Sandbox
点击需要测试的浏览器环境,安装插件就可以进行测试了。帮助测试网页在Safari、Chrome、Firefox和Opera浏览器中是否正常,IE以前也有的,网站上说应微软的要求去掉了。
2、Superpreview
这是为微软自己发布的跨浏览器测试工具,可以同时查看网页在多个浏览器的呈现情况,对页面排版进行直观的比较。
3、IETester
专门用于测试网页在IE浏览器各个版本中兼容性的工具,版本包含IE5.5至IE9的各个版本,很不错的一款工具,推荐。
4、BrowserShots
是一款免费的跨浏览器测试工具,捕捉网站在不同浏览器中的截图。这是最有名,也是最古老的浏览器兼容性测试工具。
5、Multiple IEs
这款工具同样用于测试网页在IE浏览器各个版本的兼容性。
6、IE netrenderer
Netrenderer 也是用于检查网站在IE浏览器中的呈现情况,包括各个常用版本的检测。
7、Viewlike
是一款新推出的工具,帮助检查浏览器在不同分辨率下得呈现情况。
8、BrowserSeal
这款工具的两个主要特色是独立的浏览器支持和带有自动化脚本的命令行界面。
9、Browsera
是一个可测试网站的跨浏览器布局的工具,会看到网站上存在的兼容性错误。
10、WebDevLab
这款工具专门用于测试网站在苹果Safari浏览器中是什么样子的
11、Litmus
这个工具可以帮助检查网站在多个浏览器中的呈现情况,跟踪Bug并创建报告。
12、Browsercam
这款工具是要付费的,可以帮助检查 Javascript 和 DHTML,提供不同的测试环境平台。