❶ 为什么我移动端页面里的的div的设置overflow:auto;当内容超出时,不会局部滑动,手指一滑就整个页面向下滑
overflow:auto;的前提是如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
❷ 通过手机点了这个链接之后可以跳转到微信支付，这个源码怎么写
你需要现在微信开个接口，这是要工商局认真的。不懂再问哈
❸ 为什么微信内置浏览器（X5内核）不支持@font-face
我在做针对微信的HTML5应用, 目前遇到的几个问题是
一. 安卓版微信直接调用系统浏览器内核, iOS则是调用safari, 所以要使用新特性, 只能升级系统了, 对于很多老系统, 新的特性是没法用的, 就连基本的canvas, toDataURL 在4.4 以下是不能导出 image/jpeg 格式的, 直接导出的 png格式, 往往非常大, 好几百K,
二. localStorage等, 是可以用, 但是据说有微信退出之后就被清空的问题.
三. 据 Sencha 项目的调研显示, 目前最适合 HTML5 项目的是 iOS 平台,我亲测, 确实如此, 比如一个基本的css3 transition转换做的图片轮播, iOS上和原生应用基本没啥区别, 安卓上则是卡的出奇, 而且安卓在进行一些复杂计算的时候,往往很慢, 比如涉及canvas计算的操作
四. 不好调试, 安卓上的调试, 我是装chrome beta 32版 app, 然后结合桌面chrome通过 USB 开启远程调试, 但是由于两者的 webkit 版本不同, 调试的结果往往不能作为最终参考依据. 说实话有时候有问题只能靠猜了(看你基本功扎实与否, 对css盒模型理解的彻底与否, 对js 的开发理解的深入与否,都能很大程度上提升你"猜对"的几率, 当然, 你最好祈祷你的人品值是够用的, 否则一弄一上午时间真的不算什么), 别忘了 try catch 和 alert, 你会发现你现在真的是爱上它们了... 安卓上的另一种调试方式是通过 ADB 过滤控制台日志的方式, 可以追踪程序错误, 这个有些复杂,我还没试过. iOS 也是可以通过 safari进行远程调试的, 前提是你需要在MAC上进行操作, 我没有MAC, 没试过.
五. 对于开发, 优雅降级与渐进增强将会是个很好的理念, 你 可以 try { 先进API} catch(e) { 老旧的实现方式} 这种方式, 确保在别人刷机到新ROM之后就还能用旧版实现方式,(事实上我没有搞, 真是复杂,很累了每天, 埋了颗雷, 我的4.1 在4.4将会爆掉, 别告诉我老板...)
六. 用网络目前可能还得不到很多有用的信息, 国内目前HTML5还处于炒概念的阶段, 很少有人做一些实打实的事情, 别告诉我谁用了什么API做了什么花出来了, 那些API都明摆在那里, 稍微有点编程常识的都能拿来用, 关键是一个实现, 其实是 一个API ,外加你要修复9个bug, 这种方式来完成的, 只懂那一个 API, 是不够的,现在.
七. 你的程序运行速度与你脚本和css3使用量成反比, 与网速成正比. 所以, 少用脚本, 简化逻辑, 慎用css3, 压缩图片, 代码, 等等, 这些仍然很重要.
八. 你会渐渐发现, 你进入了另一个 ie6 的世界, 移动开发基本是webkit 的天下, 比如我现在, 就没考虑过 wp, 当然, 这也是基于公司的要求来的.
九. 有的人把 HTML5 理解为几个 背景渐变的圆角阴影按钮, 如果真是这样认为的话, 那他现在就可以开始开发了, 这些基本的支持, 还是有了的.
十, caniuse.com, mobilehtml5.org, google.com, stackoverflow.com, 都是很有用的网站.
❹ 关于Div的overflow属性的一些理解
前段时间做一个页面的时候，遇到一些样式上的问题：由于layout的关系，在我需要显示最外div横向滚动条和纵向滚动条时，遇到了一些阻碍，因此也借此机会，研究了一下div的overflow属性，下面给大家分享一下：
1.overflow属性多用于div，其作用是：规定当内容溢出元素框时发生的事情；
2.所有主流浏览器都支持 overflow 属性，因此可以放心使用；
3.overflow可分别设置x轴或者y轴（即overflow-x:，overflow-y:），也可以对两者同时进行设置（overflow:）
4.overflow有以下这些属性：
visible 默认值。内容不会被修剪，会呈现在div之外。
hidden 内容会被修剪，并且其余内容是不可见的。
scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
inherit 规定应该从父元素继承 overflow 属性的值。（注：所有IE浏览器都不支持inherit属性）
普遍来说，auto属性比较常用，一般y轴都会生成滚动条，而x轴的滚动条并不多见。特别是使用了bootstrap等框架后，利用其分栏功能搭建的div，会有效利用浏览器的横向宽度（将100%的宽度等分成12格，如果一行排列的元素超过12格，则会自动换行），因此一般不会出现横向滚动条。
我上面说到遇到的具体问题是这样的：我的页面布局，是比较常见的，最外层是一个大div，当中的上部是设置菜单，左下是真正的菜单，右下是主体内容显示区域。我现在需要在右下的主体内容区域中做一个页面，这个页面会显示sql查询语句返回的内容，动态生成一个table，这个table的宽度可能会非常宽，因此我需要显示x轴滚动条。
如果单纯显示右下div的滚动条，那会有一个问题：如果页面高度很高（sql返回的结果数较多），则必须要将页面y轴滚动条拉动之最底端，才能看到x轴的滚动条，这显然是非常不方便的。
如果光设置最外层div的滚动条，则y轴会出现两个滚动条，这也是不能接受的。
最终的方案是这样的：
右下的div，overflow设置成visible，最外层的div，overflow设置成auto（当然，这只是针对我这个特殊的页面，因此直接在view里重写并覆盖html和body的overflow属性，其余页面不受影响）
大家可以根据自己的实际需要，试着调整一下overflow的属性，多试几次，自然会理解这几个属性的作用的区别了。
❺ 【HTML5】video 在不同平台下的差异性
【微信浏览器，自动全屏，目前没有比较好的解决方案,不过如果安装了qq浏览器，微信浏览器可以使用自带的小窗功能】
同样是套一层div， 然后移动div接口。 但是在移动端会存在一个问题， 就是 video播放之后，会变成在顶层。那么如果是小窗播放， 如何关闭窗口呢？ 那就要在 包 video的div容器外部 添加一个按钮， 并且让 让 div容器 overflow:hidden;
大概是这样的
给Iframe设置这些属性即可 allowfullscreen="" allowfullsreen="true" webkitallowfullscreen="true"
❻ 微信登录报错：redirect_uri域名与后台配置不一致，错误码10003
我们可以根据微信的开发者文档 http://mp.weixin.qq.com/wiki/17/.html
网页授权获取用户验证这一章来排除错误原因。
如果确定appid等参数值没有出错 ，那么很大可能就是你的微信公众号后台的 网页授权网址没有填写或者填写的不正确 。
1、在微信公众号请求用户网页授权之前，开发者需要先到公众平台官网中的开发者中心页配置授权回调域名。
2、授权回调域名配置规范为全域名，比如需要网页授权的域名为： www.qq.com ，
配置以后此域名下面的页面 http://www.qq.com/music.html 、 http://www.qq.com/login.html 都可以进行OAuth2.0鉴权。
但 http://pay.qq.com 、 http://music.qq.com 、 http://qq.com 无法进行OAuth2.0鉴权
<pre style="margin-top: 0px; margin-bottom: 0px; white-space: pre-wrap; overflow-wrap: break-word;">
搞了半天，才发现原来网页授权网址必须和redirect_uri的全域名要一样。 比如 网页授权网址填的是 qq.com ， redirect_uri写 www.qq.com/callback_uri 这样也会报错。 </pre>
❼ 如何设置微信浏览器滚动事件触发事件
开始以为可以直接用鼠标事件，没想到不能直接用，找了一个jquery mobile，不大会用，只能上网找现成的代码，小有心得，终于做好了。
稍微改一下，就实现了你说的功能，主要是阻止浏览器的body默认事件，不然在移动页面的时候会屏蔽掉相关的 js 事件，再自定义start、move、end几个方法，如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=no">
<title>playSound</title>
<style type="text/css">
*{margin: 0;}
body{height: 1000px;}
#a{
height: 200px;
background: #f0f0f0;
position: relative;
overflow: hidden;
}
#b{
background: #ddd;
line-height: 200px;
height: 200px;
position: absolute;
width: 100%;
text-align: center;
left: 0;
top: 0;
}
#b.ease{
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#c{
position: relative;
height: 40px;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
line-height: 40px;
width: 100%;
overflow: hidden;
}
#d{
width: 20000px;
height: 40px;
position: relative;
overflow: hidden;
}
#e{
float: left;
}
</style>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>
<div id="a">
<div id="b">移动我吧</div>
</div>
<div id="c">
<div id="d"><div id="e">jkasjdf jadfas aos as asio asi as a asd asdjasdj asjfas oasjpf aasfjf aosfpao poafpoasf oasjkpf s ioasdfias aio faio aio ioa ioa ioa ioa oa ioa oas ioadioasdasjdioafg a jdfjia oaa aioasdio asio ioasdiodasioddasiof ioasfio asioaiodfh nyarf hu yasf 8a ffha fau fasuifhasuifaf a fadifg</div></div>
</div>
<script type="text/javascript">
/*兼容pc & mobile*/
var hastouch = "ontouchstart" in window?true:false,
tapstart = hastouch?"touchstart":"mousedown",
tapmove = hastouch?"touchmove":"mousemove",
tapend = hastouch?"touchend":"mouseup";
var a = document.getElementById('a');
var body = document.getElementsByTagName('body')[0];
var xSlide = 0;
var yBody = 0;
/*滑块*/
a.addEventListener(tapstart,tapdownHandler); //绑定按下去的事件
function tapdownHandler(event){
event.preventDefault(); //阻止默认事件
body.removeEventListener(tapstart,tapdownBody);
$('#b').removeClass('ease');
xSlide = hastouch?event.targetTouches[0].pageX-$('#a').offset().top:event.pageX-$('#a').offset().top;
a.addEventListener(tapmove,tapmoveHandler);
a.addEventListener(tapend,tapendHandler);
}
function tapmoveHandler(event){
event.preventDefault(); //阻止默认事件
var x = hastouch?event.targetTouches[0].pageX-$('#a').offset().left:event.pageX-$('#a').offset().left;
var left = (x - xSlide) + 'px';
$('#b').css('left', left);
}
function tapendHandler(event){
body.addEventListener(tapstart,tapdownBody);
a.removeEventListener(tapmove,tapmoveHandler);
$('#b').addClass('ease').css({'left': 0,'top': 0});
}
❽ Win7浏览器提示stack overflow at line:0该如何处理
1、打开浏览器，找到齿轮状的设置，选择工具中的Internet选项，
2、切换到高级设置，将其中的禁用脚本调试选项进行设置，在前面打钩，
打开系统的运行窗口：
1、在窗口中输入REGSVR32 URLMON.DLL，确定之后重新启动电脑，
2、打开电脑之后，再次打开Internet选项，切换到程序设置中，将web浏览器的界面设置为默认值，如图所示。
以上是Win7浏览器提示stack overflow at line:0的处理办法，让用户正常的浏览网页。
❾ 苹果的微信里面有个双击滚动页面，怎么禁用掉。现在的网页是适配屏幕的，已经占满了整个页面，但是在苹果
上次也遇到了，找了好长时间也没有找到解决办法，后来突然想到可以用setInterval时时检测滚动条距离，然后试了一下可以，后来就用它了。虽然这个办法有电笨，但是没有找到更好的办法之前可以试试。