配置代理方法
查看文档基础规范集合
| 畅游 |
内部文档整理 前端制作规范 |
|---|---|
| 西山居 |
微信小程序接口文档 内部文档整理 前端制作规范 CDN-内部整理文档 验收标准 外包前端合作细则 |
| 网易 |
//说明文档：\\192.168.10.65\技术部\重构规范文档整理\2021年\网易 ssh key权限添加 GIT拉取 项目测试环境发布 |
| 字节跳动 |
game-tool-cli使用说明 前端开发指南 |
| 腾讯互娱 |
\\192.168.10.164\其他资料\其他资料\技术部-2023\切图-各渠道规范-20231212(更新) 通用适配 前端制作规范 canvas生成图片 PUBGM规范 英雄联盟 单机 手Q主题配置文档 手Q在线编辑器 CF登录、导航 CF内嵌页（PSD宽：1240px，头图高度请控制在593px以内） 心悦俱乐部（普通版） 心悦俱乐部（模板专题） 各类直播平台 业务线特殊规范 |
游戏内不支持手机旋转-横竖屏转换
smoba_rotate=1
一般游戏内默认不支持手机旋转，以往是需要在活动链接上配置参数smoba_rotate=1来支持旋转
配置入口的时候加下smoba_rotate=1参数试下
index.html?smoba_rotate=1（王者处理方法）
应该是竖屏和横屏都有参数可以控制的，具体要看这个游戏产品线有支持
一般游戏内默认不支持手机旋转，以往是需要在活动链接上配置参数smoba_rotate=1来支持旋转
配置入口的时候加下smoba_rotate=1参数试下
index.html?smoba_rotate=1（王者处理方法）
应该是竖屏和横屏都有参数可以控制的，具体要看这个游戏产品线有支持
meta标签
单位- rem：<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
<meta name="format-detection" content="telephone=no">
单位- px：<meta name="viewport" content="width=750,user-scalable=no,target-densitydpi=device-dpi">
<meta name="format-detection" content="telephone=no">
设置webview字体大小不受系统修改而改变
重置input\select样式
滚动条 样式设置
常用小组件
前端组件PC相互跳转
H5里跳转到PC
if(! /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
window.location = "http://csquansu.com/";
}
判断微信、手Q
if(! /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
window.location = "http://csquansu.com/";
}
function is_weixn(){
var ua = navigator.userAgent.toLowerCase();
if(ua.match(/MicroMessenger/i)=="micromessenger") {
alert('isWeiXin')
$('.weixin').show();
$('.qq').hide();
}else if(ua.indexOf('qq/')!= -1){
alert('isQQ')
}else{
alert('非QQ 非微信')
} }
var ua = navigator.userAgent.toLowerCase();
if(ua.match(/MicroMessenger/i)=="micromessenger") {
alert('isWeiXin')
$('.weixin').show();
$('.qq').hide();
}else if(ua.indexOf('qq/')!= -1){
alert('isQQ')
}else{
alert('非QQ 非微信')
} }
PUBGM适配
深/浅色模式判断
//深色模式
function isDarkMode() {
return window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
}
// 使用示例
if (isDarkMode()) {
// 用户启用了深色模式
alert('深色模式')
} else {
// 用户没有启用深色模式
alert('正常模式');
}
@media (prefers-color-scheme: dark) {
body,html{background: #000;color:#fff;}
.wrap .light{color:#ff0;}
}
function isDarkMode() {
return window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
}
// 使用示例
if (isDarkMode()) {
// 用户启用了深色模式
alert('深色模式')
} else {
// 用户没有启用深色模式
alert('正常模式');
}
@media (prefers-color-scheme: dark) {
body,html{background: #000;color:#fff;}
.wrap .light{color:#ff0;}
}