移动端 H5 js复制内容到剪贴板
发表于|更新于|js
文章作者: developer
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 Dev!
相关推荐
2018-03-19
移动端 canva h5 使用 font family webfont
安装font-spider1npm install font-spider -g 在一个页面中把需要的文字都写上并生成新的字体文件1font-spider ./demo/*.html 页面中提前加载12345678@font-face { font-family: 'huxiaobo-gdh'; src: url('./resource/font/huxiaobo.ttf') format('truetype'); font-weight: normal; font-style: normal; }<span style="font-family: 'huxiaobo-gdh';height: 0;width: 0;opacity: 0;" id="fontloader"></span>
2017-08-21
egret h5 IOS 移动端 微信 自动播放声音
解决方法1234567891011121314function playsound(sound:egret.Sound,loop:boolean= false){ if(sound == null){ console.log('sound err') return; } var times = loop?0:1; if(typeof WeixinJSBridge != 'undefined'){ WeixinJSBridge.invoke('getNetworkType', {}, function (e) { return sound.play(0,times); }); }else{ return sound.play(0,times); }} 方法原理因为IOS有个先交互再播放声音的要求,而微信上借助WeixinJSBridge 可以做很多事情,通过他播放声音即可
2017-09-21
webuploader h5 跨域 上传 post
webuploader使用h5跨域上传时主要遇到2个问题 浏览器报错如下 1Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource 跨域post没有带着cookie 解决办法1234567$header = $this->request->getHeaders();// 解决预检没有Access-Control-Allow-Origin$response->setHeader("Access-Control-Allow-Origin",$header["Origin"]);// 解决跨域post没有cookie$response->setHeader("Access-Control-Allow-Credentials","tr...
2018-09-11
H5 统一登录 解决方案
我们每年要做大量的H5广告 H5游戏等,很多时候需要用到微信登录微信登录主要面对几个大问题 H5项目登录获取的信息不一致,有时需要头像,有时仅需要openid,两个级别的微信授权,前者体验较差,应该尽量避免 登录所用的公众号不一样,有时客户没有服务号,可以使用我们提供的,有时又一定客户指定的服务号 使用客户服务号,很多时候我们无法调整用户服务号配置,这可能会导致客户已有程序出错 放在客户域名下,因跨域导致ajax无法使用,不易检测登录 为解决这些问题,给出以下解决方案 统一微信授权接口,授权时传入当前页面地址,授权流程结束后,跳转到原H5地址 在前端js跳转时就确定好使用snsapi_userinfo级别还是snsapi_base级别的授权,或具体的活动逻辑处进行检测 注册微信开放平台(open.weixin.qq.com),使用微信第三方平台接口进行授权,不需要修改客户服务号授权回调域名,以此保证不会影响客户公众号已有程序 可在前端页面使用jsonp向活动接口检测登录状态以下给出前端jsonp检测登录代码 12345678910111213141516171819202...
2017-08-28
移动端 scroll 滑动时 手指移开 继续滑动一会
1-webkit-overflow-scrolling: touch;
2018-08-13
H5 设计规范
以下方案经多次活动实践检验,可以适应iPad,iPhoneXR等所有屏幕 PSD尺寸背景区域 10001280有效区域 6401040将 有效区域 置于 背景区域 正中间(入下图所示) PSD格式使用普通图层,因为导出图片时,会先合并图层,某些特殊效果会发生变化需要动的部分 一定要单独图层不要在psd里放微信顶栏和手机通知栏,只要设计H5页面即可实例如下:![1729441996.jpg][1][1]: https://blog.iguojin.com/usr/uploads/2018/08/4102376838.jpg 代码兼容为兼容所有屏幕,程序按以下方案 1. Annie引擎 使用SHOW_ALL模式 舞台 640*1040 2. Egret引擎 自己计算并适配 舞台 1000*1280 123456789101112131415161718192021let game = this.stagelet con = new egret.DisplayObjectContainer;let h = window.innerHeightlet w = window.inn...
公告
This is my Blog