打开APP，判断是否是原生页面的方法（含flutter判断）

最新推荐文章于 2025-02-14 15:31:55 发布
最新推荐文章于 2025-02-14 15:31:55 发布
阅读量4.4k 收藏 2
点赞数
分类专栏： 工作记录 文章标签： flutter html knative
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43832080/article/details/123667658
版权

背景介绍

作为产品，运营时长对于 自己公司的 APP的页面的实现的方式不是很了解， 仅知道原生的页面需要发布（在没热更新的 基础上）， H5页面可以修改不跟版本， Flutter页面也要跟版本， 但是其中 flutter 跟 原生页面 往往大家分不清 哪个是原生、哪个是 flutter 实现的，接下来告诉大家一个小妙招，快速识别！

以下页面， 分别是：原生， flutter | H5 (只能拿行业的页面)， 原生页面的粉红色的阴影很多，存在就是一定是 原生实现的， 而 flutter 和 H5 都是由原生开启webview 这类的父级，他们才可以在里面填写，所以本质的主体内容就没有粉红色的阴影， 而区分 H5、Flutter，可以看刷新该页面的时候是否存在进度条来作为区分标准。
在这里插入图片描述
在这里插入图片描述

如何做到

  1. 开启开发者权限，
  2. 开启开发者权限 - 显示布局边界

以小米手机为例
打开我的设备， 点击全部参数， 点击 5 次 MIUI 版本，即可开启开发者权限， 随后在 设置 - 更多设置 - 开发者选项 ， 选择 显示布局边界，如下图所示，即可实现！
在这里插入图片描述

ApkAnalyser-APP开发框架分析器，查看APP是用Flutter还是ReactNative或是Weex
sugoods的博客
07-25 7821
ApkAnalyser-APP开发框架分析器 通过apkanalyser脚本对apk包进行解析，查看使用的开发框架。如：Flutter, ReactNative, Weex; 目前只分析三个主流的跨平台技术，以后可能会增加其他技术的分析 以后再也不用问以下问题了 ReactNative/Flutter有什么公司在使用？ Flutter/ReactNative有没有前景？ Flutter/ReactNative/Weex到底哪个好？ 为什么要分析其他APK 现在的APP开发，可选择的技术太多，本以为是
一个Android项目怎么判断是flutter
牛肉胡辣汤
06-10 1285
通过检查Android项目的文件结构、依赖项和应用界面，我们可以较为准确地判断一个项目是否是使用Flutter进行开发的。判断一个项目是否使用Flutter的目的在于更好地理解项目的技术栈和架构，有助于开发者更好地进行代码审查、项目迁移和技术选型等工作。假设我们要编写一个工具类，该工具类可以检查一个Android项目的文件结构，并判断是否使用了Flutter。是Flutter的相关依赖，如果项目的依赖项中包含这些依赖，那么可以认为这是一个Flutter项目。文件中，可以查看项目所依赖的库和插件。
区分h5页面和原生页面
最新发布
分享小程序、h5、中后台的内容和问题解决方法
02-14 1145
现在为了方便开发很多app中都会嵌入H5页面，H5页面和原生页面还是有一些差异的。下面是这两个的概念和区别。
区分页面是rn还是android原生
上士闻道勤而行之
06-25 3237
1.打开sdk tools里面的monitor.bat查看页面布局2.查看元素的resourse-id,可以看到rn的页面id是空的，android控件则是有值的3.例子：淘宝app首页（rn）和淘宝个人资料页面（android原生）...
怎么判断一个APP是原生APP、混合APP还是WEB APP ?
weixin_33694172的博客
05-04 1086
1、看断网情况 通过断开网络，刷新页面，观察内容缓存情况来有个大致的判断，可以正常显示的就是原生写的，显示404或者错误页面的就是html页面。2、看布局编辑3、看复制文章的提示，需要通过对比才能得出结果。 比如文章资讯页面可以长按页面试试，如果出现文字选择，粘贴功能的是H5页面，否则是native原生的页面。 有些原生APP开放了复制粘贴功能或者关闭了，而H5的...
Agora 教程：构建你的第一个 Flutter 视频通话应用
声网的博客
02-21 1795
作者：张乾泽，声网Agora 工程师我们基于 Agora SDK 封装了Agora Flutter SDK，开发者可以在 Flutter 应用中快速实现稳定、可靠的实时音视频通话、互...
Flutter开发者进阶：接入iOS原生页面
我码玄黄的博客
11-17 497
Flutter开发者可通过FlutterPlugin和MethodChannel接入iOS原生页面，将iOS SDK作为插件，创建并调用原生页面，实现跨iOS和安卓的Flutter插件开发。
基于Flutter构建的新闻App
12-31
对于导航，Flutter的`Navigator`系统允许我们创建一个堆栈式的路由系统，方便用户在不同页面间切换。`Navigator`配合`MaterialPageRoute`或`CupertinoPageRoute`可以实现iOS和Android风格的过渡动画。 在设计方面，...
Flutter踩坑：原生IOS页面向Flutter通信
我码玄黄的博客
11-19 426
Flutter开发中，实现iOS原生页面向Flutter通信需调用method channel，iOS调用较安卓顺畅但也存传递问题。实例FlutterMethodChannel并注册MethodCallHandler，通过invokeMethod发送信息，Flutter端接收处理。目前方案存在局限，期待更优解。
Flutter开发者进阶：接入安卓原生页面
我码玄黄的博客
11-16 608
Flutter接入安卓原生页面，可通过创建FlutterPlugin，使用MethodChannel调用原生页面。需配置插件工程，迁入SDK，修改插件代码，注册插件，并在Flutter中调用。注意通道名称和ActivityAware接口实现。
Flutter踩坑：原生安卓页面向Flutter通信
我码玄黄的博客
11-18 796
将 `method channel` 的调用，反过来，由原生执行 `invokeMethod` ，由 `Flutter` 接收 `method`。
检查 Flutter 应用程序是否在 Web 上运行
坚果的博客
03-03 1834
您可以使用基础库中的kIsWeb常量检查您的 Flutter 应用程序是否在 Web 浏览器上运行 import 'package:flutter/material.dart'; import 'package:flutter/foundation.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key
怎样判断一个APP页面是原生页面还是H5
qq_33362684的博客
08-06 847
首先先了解一下原生和H5的概念： 如今最火的APP开发模式是Hybrid APP开发（即混合模式，半原生半H5页面）。 原生是Native APP H5就是Web App 安卓手机可以设置显示页面布局边界：设置 - 开发人员选项 - （勾选）显示布局界限 如何快速的判断一个APP页面是原生的还是H5页面呢？下面列出了集中判断方法： 区分方法 原生 H5 网络情况： 把手机的网络断掉。然后点开页面。 ..
[译] Flutter 中的原生应用程序状态，搭建android开发环境实验
m0_66264699的博客
01-21 298
class Provider extends StatelessWidget { const Provider({this.data, this.child}); final data; final child; @override Widget build(BuildContext context) => child; } 是的，直截了当。现在我们将 “Provider” 导入 “main.dart” import ‘package:flutter/material.dart’; import ‘p
判断一个APP页面是原生的还是H5页面
ios_xumin的专栏
12-20 7039
1、看断网的情况 把手机的网络断掉。然后点开页面。然后可以正常显示的东西就是原生写的。 显示404或则错误页面的是html页面。   2、看布局边界 可以打开  开发者选项中的显示布局边界，页面元素很多的情况下布局是一整块的是h5的，布局密密麻麻的是原生控件。页面有布局的是原生的否则为h5页面。（仅针对安卓手机试用）如下图所示：     3、
[003]flutter webview加载h5
再难的事，做着做着也就顺了
07-16 6083
webview_flutter library：https://pub.dev/packages/webview_flutter A Flutter plugin that provides a WebView widget. On iOS the WebView widget is backed by a WKWebView; On Android the WebView widget is...
android如何把一个值赋值给图片_Flutter Tips：如何判断一个界面是 Flutter 构建的；如何控制图片缓存；开发Flutter App时如何寻求帮助...
weixin_39968861的博客
12-27 296
本期 知识小集 Flutter 小分队为大家带来 Flutter 开发 Tips 合集。• 如何判断一个界面是 Flutter 构建的(作者：talisk)• 如何控制图片缓存(作者：Vadaski)• 开发 Flutter App 时遇到困难，如何寻求帮助(作者：talisk)如何判断一个界面是 Flutter 构建的总有开发者说：这种效果肯定不是 Flutter 做的。问其原因，他说...
Flutter加载H5与js交互
鲸落
08-27 2387
文章目录3. [webview_flutter（Null safety）](https://pub.dev/packages/url_launcher)（1)描述：嵌入H5页面及与js交互（2)适合平台：ANDRIOD、IOS（3)使用a. 判断页面是否加载完b. Flutter调用JS方法c. JS调用Flutter方法(4) 完整代码 3. webview_flutter（Null safety） （1)描述：嵌入H5页面及与js交互 （2)适合平台：ANDRIOD、IOS （3)使用 a. 判断页面
Flutter+原生开发与H5+原生开发的区别在哪里？
02-10 3299
为什么要使用Flutter? 跨平台技术简介 Hybrid技术简介 QT简介 Flutter简介 为什么要使用Flutter? Flutter有什么优势？它可以帮助你： 1、提高开发效率 2、同一份代码开发iOS和Android 3、用更少的代码做更多的事情 4、轻松迭代 5、在应用程序运行时更改代码并重新加载（通过热重载） 6、修复崩溃并继续从应用程序停止的地方进行调试 7、创建美观，高度定制的...
在原生应用中集成Flutter模块的方法指南
资源摘要信息:"在本教程中，我们将探讨如何在原生应用（iOS和Android）中集成Flutter模块，并通过方法通道(Method Channel)实现Flutter与原生代码间的通信。 首先，我们需要了解Flutter模块的创建。Flutter模块是一...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值