华为Mate8手机显示绿框无法操作问题解决教程
　近来有部分华为Mate8的机友跟小编反馈了这样一个问题，在使用华为Mate8的过程中手机显示为绿框，而且不论如何点击或者是操作都无法达到相应的效果，这是不是因为手机坏掉的缘故呢?抱着试试看的心理，小编于是乎开始了针对华为Mate8出现绿框的情况开始了探索之旅，终于在今天有了答案。
　　关于Mate8手机显示绿框的解决方法：
　　最近有部分朋友反应：手机显示绿框，且无法正常操作手机界面，无法点击或滑动，如图所示：
华为Mate8出现绿框无法操作怎么办
　　由于用户开启了 “Talkback”功能。此功能是让弱视的人群使用，在此模式下，“快速双击”相当于正常的点击，“双指滑动”相当于正常的单指滑动。通过“快速双击” 和“双指滑动”的操作方式，进入设置关闭“Talkback”功能即可解决。菜单路径：设置-全部设置-辅助功能-TalkBack。这个是手机的设置问题，大家可以了解一下。
华为Mate8出现绿框无法操作怎么办
　　其实华为Mate8在使用中出现绿框的现象仅仅是因为开启了Talkback功能，大家如果以后不想有如此不愉快的遭遇，那么还是建议各位多费点心去关掉Talkback功能吧。
安软市场：
推荐到广播
47 人聚集在这个小组
(安软市场)
第三方登录：手机网站的几点注意
19376次浏览
对于手机网站建设，总结了如下几点注意：
1、 安卓浏览器看背景图片，有些设备会模糊。
用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？
经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的960640分辨率，在网页里只显示了480320，这样devicePixelRatio＝2。现在android比较乱，有1.5的，有2的也有3的。
想让图片在手机里显示更为清晰，必须使用2x的背景图来代替img标签（一般情况都是用2倍）。例如一个div的宽高是100100，背景图必须得200200，然后background-size:，这样显示出来的图片就比较清晰了。
代码可以如下：
background:url(../images/icon/all.png) no-
-webkit-background-size:50px 50
background-size: 50px 50display:inline- width:100%; height:50
background-size:都可以，大家试试！
2、图片加载
若您遇到图片加载很慢的问题，对这种情况，手机开发一般用canvas方法加载：
具体的canvas API 参见：
下面举例说明一个canvas的例子：
&li&&canvas&&/canvas&&/li&
s动态加载图片和li
总共举例17张图片！
var total=17;
var zWin=$(window);
var render=function(){
var padding=2;
var winWidth=zWin.width();
var picWidth=Math.floor((winWidth-padding*3)/4);
var tmpl ='';
for (var i=1;i&=i++){
var imgSrc='img/'+i+'.jpg';
if(i%4==1){
tmpl +='&li style=&width:'+picWidth+'height:'+picWidth+'padding-left:'+p+'padding-top:'+padding+'&&&canvas id=&cvs_'+i+'&&&/canvas&&/li&';
var imageObj = new Image();
imageObj.index =
imageObj.onload = function(){
var cvs =$('#cvs_'+this.index)[0].getContext('2d');
cvs.width = this.
cvs.height=this.
cvs.drawImage(this,0,0);
imageObj.src=imgS
3、假如手机网站不用兼容IE浏览器，一般我们会使用zeptojs。zeptojs内置Touch events方法，具体可以看 events
看了一下zeptio新版的API，已经支持IE10以上浏览器，对zeptojs可以选择使用！
4、防止手机中网页放大和缩小，这点是最基本的，最为手机网站开发者来说应该都知道的，就是设置meta中的viewport
还有就是，有些手机网站我们看到如下声明：
&!DOCTYPE html PUBLIC &-//WAPFORUM//DTD XHTML Mobile 1.0//EN& &http://www.wapforum.org/DTD/xhtml-mobile10.dtd&&
设置了DTD的方式是XHTML的写法，假如我们页面运用的是html5，可以不用设置DTD,直接声明&!DOCTYPE html&。
使用viewport使页面禁止缩放。 通常把user-scalable设置为0来关闭用户对页面视图缩放的行为。
&meta name=&viewport& content=&user-scalable=0& /&
但是为了更好的兼容，我们会使用完整的viewport设置。
&meta name=&viewport& content=&width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0& /&
当然，user-scalable=0,有的人也写成user-scalable=no，都可以的。
5、apple-mobile-web-app-capable
apple-mobile-web-app-capable是设置Web应用是否以全屏模式运行。
&meta name=&apple-mobile-web-app-capable& content=&yes&&
如果content设置为yes，Web应用会以全屏模式运行，反之，则不会。content的默认值是no，表示正常显示。你可以通过只读属性window.navigator.standalone来确定网页是否以全屏模式显示。
6、format-detection
format-detection 启动或禁用自动识别页面中的电话号码。
&meta name=&format-detection& content=&telephone=no&&
默认情况下，设备会自动识别任何可能是电话号码的字符串。设置telephone=no可以禁用这项功能。
7、html5调用安卓或者ios的拨号功能
html5提供了自动调用拨号的标签，只要在a标签的href中添加tel:就可以了。
&a href=&tel:,0-6999 转 1034&/a&
拨打手机直接如下
&a href=&tel:&&点击拨打&/a&
8、html5GPS定位功能
具体请看：
9、上下拉动滚动条时卡顿、慢
-webkit-overflow-scrolling:
overflow-scrolling:
Android3+和iOS5+支持CSS3的新属性为overflow-scrolling
10、禁止复制、选中文本
-webkit-user-select:
-moz-user-select:
-khtml-user-select:
user-select:
解决移动设备可选中页面文本(视产品需要而定)
11、长时间按住页面出现闪退
-webkit-touch-callout:
12、iphone及ipad下输入框默认内阴影
-webkit-appearance:
13、ios和android下触摸元素时出现半透明灰色遮罩
-webkit-tap-highlight-color:rgba(255,255,255,0)
设置alpha值为0就可以去除半透明灰色遮罩，备注：transparent的属性值在android下无效。
后面一篇文章有详细介绍，地址：
14、active兼容处理 即 伪类 :active 失效
方法一：body添加ontouchstart
&body ontouchstart=&&&
方法二：js给 document 绑定 touchstart 或 touchend 事件
color: #000;
a:active {
&a herf=foo &bar&/a&
document.addEventListener('touchstart',function(){},false);
15、动画定义3D启用硬件加速
-webkit-transform:translate3d(0, 0, 0)
transform: translate3d(0, 0, 0);
注意：3D变形会消耗更多的内存与功耗
16、Retina屏的1px边框
border-width:
17、webkit mask 兼容处理
某些低端手机不支持css3 mask，可以选择性的降级处理。
比如可以使用js判断来引用不同class：
if( 'WebkitMask' in document.documentElement.style){
alert('支持mask');
alert('不支持mask');
18、旋转屏幕时，字体大小调整的问题
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
-webkit-text-size-adjust:100%;
19、transition闪屏
/设置内嵌的元素在 3D 空间如何呈现：保留3D /
-webkit-transform-style: preserve-3d;
/ 设置进行转换的元素的背面在面对用户时是否可见：隐藏 /
-webkit-backface-visibility:
20、圆角bug
某些Android手机圆角失效
background-clip: padding-
21、顶部状态栏背景色
&meta name=&apple-mobile-web-app-status-bar-style& content=&black& /&
除非你先使用apple-mobile-web-app-capable指定全屏模式，否则这个meta标签不会起任何作用。
如果content设置为default，则状态栏正常显示。如果设置为blank，则状态栏会有一个黑色的背景。如果设置为blank-translucent，则状态栏显示为黑色半透明。如果设置为default或blank，则页面显示在状态栏的下方，即状态栏占据上方部分，页面占据下方部分，二者没有遮挡对方或被遮挡。如果设置为blank-translucent，则页面会充满屏幕，其中页面顶部会被状态栏遮盖住（会覆盖页面20px高度，而iphone4和itouch4的Retina屏幕为40px）。默认值是default。
22、设置缓存
&meta http-equiv=&Cache-Control& content=&no-cache& /&
手机页面通常在第一次加载后会进行缓存，然后每次刷新会使用缓存而不是去重新向服务器发送请求。如果不希望使用缓存可以设置no-cache。
23、桌面图标
&link rel=&apple-touch-icon& href=&touch-icon-iphone.png& /&
&link rel=&apple-touch-icon& sizes=&76x76& href=&touch-icon-ipad.png& /&
&link rel=&apple-touch-icon& sizes=&120x120& href=&touch-icon-iphone-retina.png& /&
&link rel=&apple-touch-icon& sizes=&152x152& href=&touch-icon-ipad-retina.png& /&
iOS下针对不同设备定义不同的桌面图标。如果不定义则以当前屏幕截图作为图标。
上面的写法可能大家会觉得会有默认光泽，下面这种设置方法可以去掉光泽效果，还原设计图的效果！
&link rel=&apple-touch-icon-precomposed& href=&touch-icon-iphone.png& /&
图片尺寸可以设定为5757（px）或者Retina可以定为114114（px），ipad尺寸为72*72（px)
24、启动画面
&link rel=&apple-touch-startup-image& href=&start.png&/&
iOS下页面启动加载时显示的画面图片，避免加载时的白屏。
可以通过madia来指定不同的大小：
&!--iPhone--&
&link href=&apple-touch-startup-image-320x460.png& media=&(device-width: 320px)& rel=&apple-touch-startup-image& /&
&!-- iPhone Retina --&
&link href=&apple-touch-startup-image-640x920.png& media=&(device-width: 320px) and (-webkit-device-pixel-ratio: 2)& rel=&apple-touch-startup-image& /&
&!-- iPhone 5 --&
&link rel=&apple-touch-startup-image& media=&(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)& href=&apple-touch-startup-image-640x1096.png&&
&!-- iPad portrait --&
&link href=&apple-touch-startup-image-768x1004.png& media=&(device-width: 768px) and (orientation: portrait)& rel=&apple-touch-startup-image& /&
&!-- iPad landscape --&
&link href=&apple-touch-startup-image-748x1024.png& media=&(device-width: 768px) and (orientation: landscape)& rel=&apple-touch-startup-image& /&
&!-- iPad Retina portrait --&
&link href=&apple-touch-startup-image-.png& media=&(device-width: 1536px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)& rel=&apple-touch-startup-image& /&
&!-- iPad Retina landscape --&
&link href=&apple-touch-startup-image-.png&media=&(device-width: 1536px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)&rel=&apple-touch-startup-image& /&
25、浏览器私有及其它meta
以下属性在项目中没有应用过，可以写一个demo测试以下！
QQ浏览器私有
&meta name=&x5-fullscreen& content=&true&&
&meta name=&x5-orientation& content=&portrait&&
&meta name=&x5-orientation& content=&landscape&&
&meta name=&x5-page-mode& content=&app&&
UC浏览器私有
&meta name=&full-screen& content=&yes&&
&meta name=&screen-orientation& content=&portrait&&
&meta name=&screen-orientation& content=&landscape&&
&meta name=&browsermode& content=&application&&
针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓
&meta name=&HandheldFriendly& content=&true&&
微软的老式浏览器
&meta name=&MobileOptimized& content=&320&&
windows phone 点击无高光
&meta name=&msapplication-tap-highlight& content=&no&&
26、 IOS中input键盘事件keyup、keydown、keypress支持不是很好
问题是这样的，用input search做模糊搜索的时候，在键盘里面输入关键词，会通过ajax后台查询，然后返回数据，然后再对返回的数据进行关键词标红。用input监听键盘keyup事件，在安卓手机浏览器中是可以的，但是在ios手机浏览器中变红很慢，用输入法输入之后，并未立刻相应keyup事件，只有在通过删除之后才能相应！
解决办法：
可以用html5的oninput事件去代替keyup
&input type=&text& id=&testInput&&
&script type=&text/javascript&&
document.getElementById('testInput').addEventListener('input', function(e){
var value = e.target.
然后就达到类似keyup的效果！
暂时整理以上几点有关手机网站建设更多的注意事项，后面会陆续补充！
相关文章：
关键词搜索解决手机提示系统空间内存不足的七种方法技巧
手机经常提醒内存不足，没法运行程序，每次提醒后我都是删软件，但是现在实在没有可以删除的软件了，该怎么办呢？下面分享解决内存小系统空间不足问题的七种办法，需要的可以过来看看哦。
一、设置应用&首选安装位置&为 外置存储卡或者内置存储卡。
&&&&&&&&用户不进行&首选安装位置&设置则默认为&由系统确定&，这样会有应用安装在系统空间上，占用了系统空间，我们设置到外置或内置存储卡减轻系统空间负担。
&&&&&&&设置方法：设置&应用安装与管理&首选安装位置&内置（外置）存储卡
二、移动相关应用
&&&&&&&&一般用户不进行首选安装位置设置，会有应用安装到系统空间中，如果出现系统空间不足的情况，那么我们来移动这些安装在系统空间上的应用。
&&&&&&&设置方法：设置&应用安装与管理&应用管理&系统空间&选择移动的应用&选择移到外置存储卡或者内置存储卡。
&&&&&&&&建议：常用的比如QQ、来往这些移动到内置存储，方便拔卡后还可正常使用。占容量大的移动到外置存储卡。
三、清除单个应用数据和缓存文件
&&&&清除应用数据和缓存文件，会丢失相关数据谨慎操作！有些软件长时间应用，如果其应用数据和缓存文件较大且对我们无意义，比如音乐播放器、视频播放器的在线播放的缓存不需要的，可以大胆清除。
&&&&设置方法：设置&应用安装与管理&应用管理&选择清除的应用&清除数据（清除缓存）
四、垃圾清理
&&&&&&&&在安全精灵或者360手机卫士等等，手机安全软件可以批量处理大文件、缓存文件、系统日志空文件夹和临时文件、应用卸载残留、应用安装包等等这些垃圾文件，根据需要处理！一般不用各种卫士，习惯的云粉可以自测。
&&&&&&&&软件名称：360手机卫士迅捷版 for android v1.0.0.1031 安卓版软件大小：4.88MB更新时间：
&&&&&&&&操作方法：安全精灵&性能优化&垃圾清理&清理相关文件
五、设置应用缓存文件或者生成文件存储位置为外置存储卡
&&&&&&&&视频、音乐播放器这些应用往往会带来大量的缓存，我们设置缓存文件位置为外置存储卡，并定期在应用设置里清理这些缓存。还有比如相机照片也要把存储位置设置为外存储卡。
&&&&&&&&下面举个例子
&&&&&&&&操作方法：设置&离线缓存保存位置&存储卡（本版版买不起存储卡，在这不做具体演示）
六、恢复出厂设置
&&&&&&&&这个很彻底，恢复到系统最初始状态。不建议经常随意操作，需谨慎执行，建议还原前备份相关数据。
&&&&&&&设置方法：设置&更多&还原&备份到云端&还原到出厂状态
&&&&&&&&进入刷机模式进行双清，迫不得已时候使用，会清空所有 数据，请谨慎操作！不建议不熟悉玩机的云粉使用，以上六种基本可以解决。双清相关具体操作及其注意事项，可参考我的图文教程：&云OS忘记解锁密码的解决办法
注意：&&&&&&&&&&&
对于内置存储小，系统空间小的用户，如果养成以上良好使用习惯，系统空间还是够用的！少装应用，减少升级，经常清理，实在不行，受不了了，咱换手机！
顶一下(0) 踩一下(0)
热门标签：被“永恒之蓝”刷屏的一周。
苹果和诺基亚这些日子的纠葛虽然肯定远不如它当年和三星“世纪之战”那般惊心动魄了，...
网络职业黑粉，作为一种畸形的存在，本身就并不符合网络时代的基本设定。
毕竟眼睛只有一双，我们必须要珍惜和爱护它~
这门课程将向学生们传授使用苹果 Swift 开发应用程序的一些要素。
在过去的几个月里，苹果公司悄然在世界各地重新推出了 32GB 特别版 iPhone 6。
有时候有些不好的消息，对于别人来说，是一个好消息~
让iPad变成健身器械上的CarPlay~
现在随着交通越发的发达便利，全球化的步伐加快，出国旅游成为了大家享受生活，认识世...
移动平台上，赛车竞速类游戏的数量之多，估计已经可以绕着地球转几圈了，而在这些游戏...
本作中融合了经营、卡牌、大富翁等诸多玩法，而且可玩度依旧很深，相当于换了一个口味...
近日，游戏开发商flaregames在苹果商店当中推出了其射击游戏系列《僵尸武装直升机》系...
说起集换式卡牌游戏，相信不少小伙伴们首先想到的一定是号称坐拥7000万玩家的《炉石传...
曾经带来 《滚动的天空》的团队Turbo Chilli 最近又推出了一款名为《上墙》的新作，从...
近日，著名韩国游戏厂商NEXON在移动平台上推出了他们的最新作品《淘金者1号》，复古的...
宜家 Tradfri 智能照明系统将在夏末或初秋时推出固件升级。
专门从事 HomeKit 设备安装的公司这还是第一家。
新的产品更加轻便，而且抛弃了手机壳的设计模式~
支持 HomeKit 智能家居平台之后，用户可以使用 Siri 和苹果设备上的家庭应用程序来对...
虽然 WWDC 通常侧重于软件发布，但是今年有不少报告指出苹果很有可能会在大会上发布新...
这款产品能够为 iPad 用户提供 3 个可伸缩的手柄，以应付更多的使用场景。
用户可以根据自己的需求选择镜头，避免了传统手机外接镜头的麻烦。
该产品已经通过苹果 MFi 认证。
QQ邮箱在手机上的设置问题
注册时间 最后登录
在线时间1258 小时 UID
主题帖子人气
红苹果, 积分 436, 距离下一级还需 64 积分
请教一个qq邮箱设置问题，我在网上找的无数教程都说是在QQ邮箱中开启设置可是我还是弄不起。请知道的告诉一下谢谢
(458.39 KB, 下载次数: 9)
15:32 上传
(441.87 KB, 下载次数: 6)
15:32 上传
(106.3 KB, 下载次数: 4)
15:32 上传
注册时间 最后登录
在线时间1602 小时 UID
主题帖子人气
删除了 重新设置 可以
<p id="rate_81500" onmouseover="showTip(this)" tip="能简单说下具体什么意思么·。我的没有邮箱单独密码，而且试了很多次一直不行。谢谢.&人气 + 3
" class="mtn mbn">
能简单说下具体什么意思么·。我的没有邮箱单独密码，而且试了很多次一直不行。谢谢.
注册时间 最后登录
在线时间208 小时 UID
主题帖子人气
苹果手机添加邮箱注意：
电脑端：设置开启POP3/SMTP/IMAP：
163的邮箱要开启客户端授权密码。
QQ邮箱要设单独的密码。
手机端：1、通常用户名是邮箱*****@***.com
& && && &2、要设置邮箱本身的SMTP服务器:smtp.***.com和IMAP服务器:imap.***.com
& && && & 3.设置授权码后，邮箱客户端无法通过邮箱密码登录，只能通过授权码来登录邮箱客户端。Web（网页） 端仍可使用邮箱密码登录。
& && && &&&4.设置授权码后，IMAP/POP3/SMTP共用这一个授权码。
注册时间 最后登录
在线时间1258 小时 UID
主题帖子人气
苹果手机添加邮箱注意：
电脑端：设置开启POP3/SMTP/IMAP：
要设置邮箱本身的SMTP服务器:smtp.***.com和IMAP服务器:imap.***.com请问这个地方如何设置
注册时间 最后登录
在线时间1258 小时 UID
主题帖子人气
苹果手机添加邮箱注意：
电脑端：设置开启POP3/SMTP/IMAP：
请问***是代表qq么
注册时间 最后登录
在线时间1258 小时 UID
主题帖子人气
注册时间 最后登录
在线时间1602 小时 UID
主题帖子人气
删除了 重新设置 可以
要单独密码的 删除了 重新设置邮箱
注册时间 最后登录
在线时间1602 小时 UID
主题帖子人气
删除了 重新设置 可以
要单独密码的 删除了 重新设置邮箱
注册时间 最后登录
在线时间371 小时 UID
主题帖子人气
要单独密码的 删除了 重新设置邮箱
注册时间 最后登录
在线时间1525 小时 UID
主题帖子人气
搞定了 用开启imap后给你的第三方登录密码登录就可以
<p id="rate_64918" onmouseover="showTip(this)" tip="能说具体点吗？&人气 + 5
" class="mtn mbn">
能说具体点吗？
威锋旗下产品
Hi~我是威威！
沪公网安备 29号　|　沪ICP备号-1
新三板上市公司威锋科技（836555）
增值电信业务经营许可证：
Powered by Discuz!}