Background introduction
As a product, I don’t know much about how my company’s APP page is implemented. I only know that the native page needs to be published (without hot updates), the H5 page can be modified without following the version, and the Flutter page must also follow the version. version, but among the flutter and native pages, it is often difficult to tell which one is native and which one is implemented by flutter. Next, I will tell you a little trick to quickly identify!
The following pages are: native, flutter | H5 (only industry pages can be taken). The native page has many shades of pink, which means it must be natively implemented. Both flutter and H5 are natively opened by webview and the like. Only the parent can fill it in, so the essential main content does not have a pink shade. To distinguish between H5 and Flutter, you can see whether there is a progress bar when refreshing the page as a distinction criterion.
How to do it
- Turn on developer permissions,
- Enable developer permissions - show layout boundaries
Take Xiaomi mobile phone as an example
. Open my device, click All Parameters, click MIUI version 5 times to enable developer permissions, and then go to Settings - More Settings - Developer Options and select Show Layout Boundary, as shown in the figure below, that is Can achieve!
