Google在今年的I/O上发布了一个移植跨界应用 名为App Runtime for Chrome（Beta）这个东西可以让Android系统的App运行于ChromeOS下...目前此功能还在测试 只有几个官方的Android App公开放出 于是vladikoff大神把这部分国内提取出来 能让任何系统下的Chrome/Chromium运行Android App...linux下面无法使用23333 于是@farseerfc 告诉我了一个更好的工具 SimpleLauncher（reddit原帖地址） 下载这个压缩包 ...上使用Chrome运行Android应用 下载方法见 http://www.linuxidc.com/Linux/2013-07/87684.htm --------------...里面重新加载(ctrl+r) 在 Windows 上使用 Chrome 运行 Android 应用 见 http://www.linuxidc.com/Linux/2014-09/107199
原因就出在浏览器需要如何判断快速点击上，当用户在屏幕上单击某一个元素时候，例如跳转链接href="#">， 此处浏览器会先捕获该次单击，但浏览器不能决定用户是单纯要点击链接还是要双击该部分区域进行缩放操作...什么是Retina 显示屏，带来了什么问题 retina：一种具备超高像素密度的液晶屏，同样大小的屏幕上显示的像素点由1个变为多个，如在同样带下的屏幕上，苹果设备的retina显示屏中，像素点1个变为4...个 在高清显示屏中的位图被放大，图片会变得模糊，因此移动端的视觉稿通常会设计为传统PC的2倍 那么，前端的应对方案是： 设计稿切出来的图片长宽保证为偶数，并使用backgroud-size把图片缩小为原来的...} 禁止ios 长按时不触发系统的菜单 禁止ios 长按时不触发系统的菜单，禁止ios&android长按时下载图片 .css{-webkit-touch-callout: none} 禁止ios和android...用户选中文字 .css{-webkit-user-select:none} 参考《如何改变表单元素的外观(for Webkit and IE10)》 打电话发短信的怎么实现 打电话 href="tel
我们可以通过如下的meta来关闭电话号码的自动识别： 开启电话功能 href="tel...:123456">123456 开启短信功能： href="sms:123456">123456 6、 移动端邮箱识别（Android） 与电话号码的识别一样，在安卓上会对符合邮箱格式的字符串进行识别...原因就出在浏览器需要如何判断快速点击上，当用户在屏幕上单击某一个元素时候，例如跳转链接，此处浏览器会先捕获该次单击，但浏览器不能决定用户是单纯要点击链接还是要双击该部分区域进行缩放操作，所以，捕获第一次单击后...retina：一种具备超高像素密度的液晶屏，同样大小的屏幕上显示的像素点由1个变为多个，如在同样带下的屏幕上，苹果设备的retina显示屏中，像素点1个变为4个 在高清显示屏中的位图被放大，图片会变得模糊...15、 移动端如何清除输入框内阴影 在iOS上，输入框默认有内部阴影，但无法使用 box-shadow 来清除，如果不需要阴影，可以这样关闭： input, textarea { border: 0
---- Q: 不同 Android 手机上出现字体错位之类的奇怪问题。 A: 使用 Crosswalk 消除不同安卓机上 WebView 的差别，顺便还能提升应用性能。...---- Q: 在实机上使用 livereload 功能时出现空白、连接失败等情况。...clone 完后可以使用 ionic state restore 命令快速恢复 ---- Q: 在 Ionic(AngularJS) 中使用 Cordova 插件有那么点点不方便。...A: 再在 config.xml 中加入： href="tel:*"/> href="sms:*"/> href=...---- Q: 替代 Modal 的方案 A: 在 $state.go 前记录下当前的 view ，然后禁止下一个 view 记录 backView ，就不会显示后退按钮（ Android 硬件后退也不行
作者：键盘上的眼泪 https://segmentfault.com/a/1190000015178877 1.解决页面使用 overflow: scroll 在 iOS 上滑动卡顿的问题?...(1)type="tel" iOS 和 Android 的键盘表现都差不多 (2)type="number" 优点是 Android 下实现的一个真正的数字键盘 缺点一：iOS 下不是九宫格键盘，输入不方便...缺点二：旧版 Android（包括微信所用的 X5 内核）在输入框后面会有超级鸡肋的小尾巴，好在 Android 4.4.4 以后给去掉了。...// 一、打电话 href="tel:0755-10086">打电话给:0755-10086 // 二、发短信，winphone系统无效 href="sms:10086">发短信给...targetTouches 信息会被删除，changedTouches 保存的最后一次的信息，最好用于计算手指信息 // 参数信息 (changedTouches[0]) clientX、clientY 在显示区的坐标
=" tel:13935828512">点击拨打电话 信息：href="sms:13935828512">点击发送短信 邮箱：href="mailto:13935828512...@163.com">识别邮箱 （在收件人地址后用?...cc=开头，填写抄送地址 android存在兼容问题） href="mailto:peun@foxmail.com?...cc=lina@qq.com">单击这里给peun发电子邮件 三：忽略页面中识别手机号的功能 //禁止数字自动识别为电话号码，这个比较有用，因为一串数字在iphone上会显示成蓝色，样式加成别的颜色也是不生效的
页面原型图： 图片.png 功能需求：点击左边树上的子节点，像后台发送请求，将请求到的信息展示在右边的表单里面 前端代码实现： 引入css文档： <link rel="stylesheet...: false }, callback : { // onRightClick : onRightClick, // 单击事件...data.returnData.organTree); zTreeObj.expandAll(false); }); } // 给生成的节点添加class属性 // 控制节点是否显示删除图标...，像后台发起请求，请求右侧的信息 // 单击事件，向后台发起请求 function zTreeOnClick(event, treeId, treeNode) { if (treeNode.id...data.returnData.organTree); zTreeObj.expandAll(false); }); } // 控制节点是否显示删除图标
页面原型图： 图片.png 功能需求：点击左边树上的子节点，像后台发送请求，将请求到的信息展示在右边的表单里面 前端代码实现： 引入css文档： <link rel="stylesheet" type=...: false }, callback : { // onRightClick : onRightClick, // 单击事件...data.returnData.organTree); zTreeObj.expandAll(false); }); } // 给生成的节点添加class属性 // 控制节点是否显示删除图标...，像后台发起请求，请求右侧的信息 // 单击事件，向后台发起请求 function zTreeOnClick(event, treeId, treeNode) { if (treeNode.id...data.returnData.organTree); zTreeObj.expandAll(false); }); } // 控制节点是否显示删除图标
实际Web项目中，下拉框仅能实现数据量少的场景，当我们添加一个商品时，我们总希望在添加选择前能看到产品的规格、图片、参数信息，那么用下拉框就显得力不从心了。... chrome...="@{lib/layui-v2.5.5/css/layui.css}" media="all"> href="@{css/public.css... chrome...="@{lib/layui-v2.5.5/css/layui.css}" media="all"> href="@{css/public.css
="tel:12345654321">打电话给我 // 二、发短信，winphone系统无效 href="sms:12345654321">发短信 或用于单元格：href='tel:122'"> 三、写邮件 //注：在添加这些功能时，第一个功能以"?"...---- 20、在Android 上想不显示语音输入按钮，怎么办？...及Android上无法使用，在PC端正常 //2.audio元素没有设置controls时，在IOS及Android会占据空间大小，而在PC端Chrome是不会占据任何空间 ---- 33、重力感应事件...位编码图片(不小图而言，大图不建议使用) // 对于一些小图标，可以使用base64位编码，以减少网络请求。
type="text/javascript" src="js/jquery-3.0.0.js"> android... $("#showTooltips").click(function() { alert("准备提交注册……"); var tel...login"; } else { alert(data); } }, error: function (XMLHttpRequest, textStatus, errorThrown) { alert("请求在连接过程中出现错误...本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
页面显示乱码问题 在一个网站中，有些页面会正常显示，然而，有些页面会显示成乱码。 如果发生这种情况，可以检查一下web.config和文件编码。...从JQuery的实现方式也可以看出：encodeURI()其实也是不推荐在编码URL数据时使用的。 说到这里，我要说说为什么不推荐使用encodeURI。...FireFox, Opera, Safari, Chrome都能正常运行，其中FireFox显示的下载对话框也是我期待的样子： ?...多语言数据的乱码问题 现在还有一种乱码问题是：同一个程序供多种不同字符集（语言）的用户在使用。 例如：程序是简体中文的，此时，繁体中文的用户无法保存繁体汉字（就算简体汉字能正常显示）。...类似的，在MySQL中，我建议使用UTF-8 乱码问题的总结 ASP.NET的乱码问题一般与二个因素有关： 1. 选择了不恰当的字符编码，如：gb2312 2.
在权限上，它和background非常类似，它们之间最大的不同是生命周期的不同，popup中可以直接通过chrome.extension.getBackgroundPage()获取background的...pageAction(地址栏右侧) 所谓pageAction，指的是只有当某些特定页面打开才显示的图标，它和browserAction最大的区别是一个始终都显示，一个只在特定情况才显示。...是的，Chrome允许插件在开发者工具(devtools)上动手脚，主要表现在： 自定义一个和多个和Elements、Console、Sources等同级别的面板； 自定义侧边栏(sidebar)，目前只能自定义...Elements面板的侧边栏； 先来看2张简单的demo截图，自定义面板（判断当前页面是否使用了jQuery）： ?...DOM需要使用inspectedWindow // 简单例子：检测被检查页面是否使用了jQuery chrome.devtools.inspectedWindow.eval("jQuery.fn.jquery
目前超过 90% 的网站都使用了 jQuery 库，jQuery 的宗旨：写的更少，做得更多！...IE8 及以下版本不支持 文件较小，执行效率更高 3.x 完全不再支持 IE8 及以下版本 提供了一些新的 API 提供不包含 AJAX / 动画 API 的版本 # 1.4 jQuery 引入方式.../libs/jquery/1.9.1/jquery.min.js"> # 1.5 jQuery 快速使用 <!...注意：如果存在（不存在）就删除（添加）一个样式类 需求描述：当单击按钮的时候，隐藏 div，再次单击按钮的时候，显示 div .hide { width: 100px; height...需求描述：为按钮绑定一个单击函数，然后点击按钮，在控制台输出 “按钮被单击了” 按钮 $('button').click(function () { console.log
二 、Box-sizing在移动端的使用 在百分比定宽的页面经常使用。...四、常见的移动端问题 1、什么是Retina 显示屏，带来了什么问题 retina：一种具备超高像素密度的液晶屏，同样大小的屏幕上显示的像素点由1个变为多个，如在同样带下的屏幕上，苹果设备的retina...显示屏中，像素点1个变为4个 在高清显示屏中的位图被放大，图片会变得模糊，因此移动端的视觉稿通常会设计为传统PC的2倍。 ...tel:123456">123456 开启短信功能： href="sms:123456">123456 4、 移动端邮箱识别（Android） 与电话号码的识别一样，在安卓上会对符合邮箱格式的字符串进行识别...11、 android 上去掉语音输入按钮 input::-webkit-input-speech-button {display: none} 12、移动端基础框架 zepto.js语法与jquery
Web Share API 自从它首次在Android 版 Chrome 61中推出以来，似乎已经不再受到关注。...Android Android Chrome Android Firefox 12.2 No No No 74 No 但是不要让这些阻止你在自己的网站上使用此 API。...这是它的样子： CodePen上的演示：https://codepen.io/ayoisaiah/pen/WBpzBo 此时，单击共享按钮后，会弹出一个对话框，显示一些共享内容的选项。...我们想要做的是在不支持 Web Share API 的情况下在浏览器上显示备用的对话框。...按下共享按钮时会触发 Android 的本机共享选项。 第二个测试显示在不支持该功能的 Android 设备上单击了贡献按钮。 这会产生手动添加的后备共享选项。
一旦使用了此属性，则该元素就不会在浏览器中被显示 2个布尔值 true 规定元素是可见。 false 规定元素是不可见。...中的data()方法同样可以访问 使用jQuery与javascript添加与获取data属性示例： 显示值，需要使用javascript手动显示。 2.7、搜索输入类型 此类型表示输入的将是一个搜索关键字,可显示一个搜索小图标。 ?...在Chrome中右边会出现有一个清除符号。 2.8、电话输入类型 此类型要求输入一个电话号码,但实际上它并没有特殊的验证,与text类型没什么区别....tel> 在移动端会弹出输入数字的键盘。
核心技能部分 8.1 显示/隐藏动画 在DOM中，可以通过样式属性display来控制元素的显示和隐藏，但是这没有动画效果。jQuery提供了实现显示/隐藏动画的函数，详见表8-1-1所示。...下面我们对上一个示例进行简单改造，单击按钮时，让图片显示；再次单击时，让图片隐藏；依次循环... ......下面我们通过动画函数回调来改造示例8.1，当图片隐藏时，按钮上的文字改为“显示”；当图片显示时，按钮上的文字改为“隐藏”。..."); } ); } ) } ) 上述代码在动画函数中使用回调函数改变按钮上的文字 8.1 滑动动画...，图片会在淡入和淡出动画之间进行切换，单击下面的单选按钮时可以使用fadeTo函数对图片的透明度进行精确控制 8.1 自定义动画 在前面讲过的诸多动画函数中，基本上都是通过改变元素的高度、宽度和透明度来实现动画的
使用deeplink前后对比： 对比 基本使用 具体见Demo：WebViewStudy HTML页面：deeplink.html href="[scheme]://[host]/[path...Android系统级应用，有一些已经定义了URL Schemes，比如短信是 sms:、通话是tel:、email是mailto:，在定义自己APP的URL Schemes的时候要避免跟系统应用名称一样...href="tel:15088888888">电话 href="sms:15088888888">短信 href="mailto:15088888888@qq.com"...这个配置会告诉Android系统去验证你的应用是否属于在intent filter内指定的URL域名。...图一展示了这样一种情况：用户点击了一个地图相关的链接，系统弹出一个选择列表，让用户选择是要使用地图应用来处理，还是使用Chrome浏览器来处理。
云服务器
ICP备案
云直播
实时音视频
即时通信 IM
