uniapp禁止截屏录屏/投屏功能(adb投放失效)

经过测试代码写在App.vue会失效,请写在符合逻辑的界面

uni-app 实现安卓防截屏

在uniapp中实现

要在App中全局禁止截屏,那么可以在App.vue中调用

如果想要某个页面防截屏就在某个页面调用,但是在离开这个页面的时候要恢复截屏,否则全局还是禁止截屏的状态

html 复制代码
methods: {
    // 禁止截屏
    addFlags() {
        // #ifdef APP-PLUS
        let osname = plus.os.name
        if (osname == "Android") {
            var activity = plus.android.runtimeMainActivity()
            console.log(activity);
            console.log('开启防截屏');
            plus.android.invoke(plus.android.invoke(activity, "getWindow"), "addFlags", 0x00002000)
        }
        // #endif
    },
    //  允许截屏  
    clearFlags() {
        // #ifdef APP-PLUS
        let osname = plus.os.name
        if (osname == "Android") {
            var activity = plus.android.runtimeMainActivity()
            console.log('关闭防截屏');
            plus.android.invoke(plus.android.invoke(activity, "getWindow"), "clearFlags", 0x00002000)
        }
        // #endif
    },
}
onUnload() {
    this.clearFlags()
},
onLoad(option) {
    this.addFlags()
}

在html中实现需要先注册plus方法。

写在index.html文件中,实现全软件防截屏

html 复制代码
document.addEventListener('plusready', function() {
        let osname = plus.os.name
        if (osname == "Android") {
            var activity = plus.android.runtimeMainActivity()
            console.log(activity);
            console.log('开启防截屏');
            plus.android.invoke(plus.android.invoke(activity, "getWindow"), "addFlags", 0x00002000)
        }
      })

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

原文链接:https://blog.csdn.net/weixin_45868762/article/details/125742190

相关推荐
Geek_Vison13 小时前
2026 跨端框架横评:FinClip、Taro、uni-app、Remax、mPaaS 五款工具技术+业务双维度测评
小程序·uni-app·taro·mpaas·小程序容器
RuoyiOffice16 小时前
从 0 到 1 搭建 RuoyiOffice:30 分钟跑通后端+前端+移动端
前端·spring boot·uni-app·开源·oa·ruoyioffice·hrm
Geek_Vison17 小时前
APP集成了50多个小程序后,如何搭建一个小程序管理平台来管理这些小程序~
小程序·uni-app·apache·mpaas·小程序容器
梦曦i1 天前
uni-router v1.1.1发布:守卫超时保护+路由监听
前端·uni-app
梦曦i1 天前
全面解析uni-router v1.2.0功能
前端·uni-app
不如摸鱼去2 天前
Wot UI 2.1.0 发布:ConfigProvider 全局配置能力升级
ui·小程序·uni-app
PedroQue992 天前
uni-router:uni-app路由管理新选择
前端·uni-app
这是个栗子2 天前
微信小程序开发(九)- uni-app微信小程序商城
微信小程序·小程序·uni-app·vue·vuex
中犇科技2 天前
2026商城APP开发公司 TOP5(电商垂直版)
uni-app
扁豆的主人2 天前
Uniapp如何构建和部署
uni-app