老魏 发表于 2022-1-7 11:18:54

JS控制设备屏幕方向 APP屏幕方向通过JS控制为横屏或竖屏或自适应

<div class="btnBlue">A标签执行JS</div>
<div class="clear"></div>
<a href="javascript:void(0)" onclick="zhixing()">执行</a>
<!-- 写入一个A标签href值为"javascript:void(0)",定义点击事件onclick;-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接;-->
<script type="text/javascript">
function zhixing() {
jsBridge.setOptions({
screenOrientation: 0,
//屏幕方向
//0 自适应(注意需取消手机方向锁定)
//1 横屏
//2 竖屏
});
}
</script>
<!--执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可;-->
<a href="javascript:void(0)" onclick="zhixing()"><div class="btnSubmit">执行自适应</div></a>
<a href="javascript:void(0)" onclick="zhixing1()"><div class="btnSubmit">执行横屏</div></a>
<a href="javascript:void(0)" onclick="zhixing2()"><div class="btnSubmit">执行竖屏</div></a>
<p class="bgBlueLight ">
下载<a href="https://www.yimenapp.com/doc/demo.cshtml">jsbridge-mini.js</a>上传服务器并引入,根据实际业务自定义JS策略,映射JS只会APP内生效!请<a href="https://bbs.yimenapp.com/thread-12583-1-1.html">下载APP</a>后<a href="intent://app#Intent;scheme=ltapp188269;package=com.yimenapp.dev;end">打开app</a>体验!
</p>
<script src="https://g.yimenyun.net/cdn/jsbridge-mini.js"></script>
<script type="text/javascript">
function zhixing() {
jsBridge.setOptions({
screenOrientation: 0,
});
}
</script>
<script type="text/javascript">
function zhixing1() {
jsBridge.setOptions({
screenOrientation: 1,
});
}
</script>
<script type="text/javascript">
function zhixing2() {
jsBridge.setOptions({
screenOrientation: 2,
});
}
</script>
<div class="clear"></div>
<div class="btnBlue btnBlueEd">按钮执行JS</div>
<div class="clear"></div>
<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮,定义点击执行事件; -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接; -->
<script type="text/javascript">
function zhixing() {
jsBridge.setOptions({
screenOrientation: 0,
//屏幕方向
//0 自适应(注意需取消手机方向锁定)
//1 横屏
//2 竖屏
});
}
</script>
<!-- //执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可; -->
<button onclick="zhixing()"class="btnBlue btnBlueEd" style="width:100%;">执行自适应</button>
<button onclick="zhixing1()"class="btnBlue btnBlueEd" style="width:100%;">执行横屏</button>
<button onclick="zhixing2()"class="btnBlue btnBlueEd" style="width:100%;">执行竖屏</button>
<div class="clear"></div>
<p class="bgBlueLight ">
下载<a href="https://www.yimenapp.com/doc/demo.cshtml">jsbridge-mini.js</a>上传服务器并引入,根据实际业务自定义JS策略,映射JS只会APP内生效!请<a href="https://bbs.yimenapp.com/thread-12583-1-1.html" class="openapp">下载APP</a>后<a href="intent://app#Intent;scheme=ltapp188269;package=com.yimenapp.dev;end" class="openapp">打开app</a>体验!
</p>

<p>衍生阅读</p>

<p>可以在配置-配置移动版-设备适配 功能模块里面进行全局设置!</p>
页: [1]
查看完整版本: JS控制设备屏幕方向 APP屏幕方向通过JS控制为横屏或竖屏或自适应