- 设计稿以iPhone6的横屏尺寸(1334*750)为标准,同时还需要输出一套iPad的横屏尺寸稿子
var initScreen=function(callback){//初始化html font-size
$("html").css("font-size",document.documentElement.clientHeight/375*312.5+"%");// 375 是横屏设计稿实际高度
if(callback)callback();
}
因为游戏app都会有iPad适配,所以内嵌页也会在iPad里展示,制作时要考虑横屏iPad适配的情况(如果涉及到稿子的问题,记得找设计师协商处理)
内嵌页不能出现有去到其它非内嵌页的外链,如果是同一个页面既在内嵌也在普通浏览器跑,则要在链接加上特殊参数(比如?from=client),然后再根据参数来判断页面打开的环境,再进行特殊适配过滤处理
前端制作完后多进行自测,尽量避免一些基础性的bug
附上小组整理的【内嵌单页面项目模板】:https://git-wz.nie.netease.com/nie-comm/client-template-v1
由编辑安排网站QA参与项目基本测试,网站QA先使用chrome浏览器的手机模拟模式(主要模拟iPhone4,iPhone6、iPhone6+、ipad机型尺寸)测试一轮,确保页面样式和功能正常(注意不同机子尺寸的模拟,确保适配正常)
网站QA找一台iOS和一台Android机子(系统都比较新点的)在自带浏览器和微信(因为微信里面也属于内置的webview,对功能测试有一定参考意义)跑一遍基本功能(包括检测普通文案、图片展示、链接跳转功能以及未涉及游戏相关的接口),确保正常
若项目中涉及只能从游戏环境中测试的功能时,因网站QA无法针对这部分功能测试,转交给游戏QA时需着重告知,哪部分功能网站QA由于各种限制未进行测试,需要游戏QA进行测试
游戏内嵌项目用独立域名上线,不与产品官网使用同一域名。 如产品域名为http://yys.163.com,则另外申请一个内嵌项目域名:http://client.yys.163.com/,专门用于游戏内嵌页使用
避免产品官网更换域名或官网结构调整等操作导致有可能出现影响内嵌页正常运行的情况发生。
第一时间联系前端郑晓槟【gzchenxiaobin@crop.netease.com】,由郑晓槟对该问题进行初步判断后按照以下可能出现的不同情况联系相关人员处理:
- 转交郑旭泽【zxzn0306@corp.netease.com】联系SA处理,并及时将该解决方案反馈给郑晓槟,
- 由郑晓槟判断该解决方案是否会引起其他项目出现问题,确定无其他影响后由郑旭泽进行处理,同时回复郑晓槟处理问题所需的时间,以及对上线后更新到用户终端的预估时间。
- 若预计处理生效耗时多于30分钟,应与郑旭泽及SA讨论有无其他应急措施,并立即实施,减小在线问题持续时间。使用应急措施解决线上问题后再实施完整解决方案。
- 由郑晓槟将最终解决方案及预估时间等反馈给编辑、产品、营销,在处理问题时先向用户反馈维护信息。
- 联系项目平台负责人检查接口问题,并配合调试。
- 转交郑旭泽【zxzn0306@corp.netease.com】联系翁卡尔处理,并及时反馈预计处理生效耗时。
- 进行前端、系统负责人、编辑多人对话,实时反馈处理进度
- 本人修复