文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

引入Fragment原来是这么回事

Android设备的多样性给我们带来了很大的便捷，各Android设备拥有不同分辨率和不同屏幕大小，特别是平板电脑和手机间的差别巨大，使得同样的界面在不同的设备上显示出不同的效果。...为了能够同时兼顾到手机和平板电脑的开发，自Android 3.0版本开始引入了碎片的概念，也就是Fragment。...一、Fragment概述 Fragment 是一种可以嵌人在Activity中的UI片段，它能让程序更加合理地利用大屏幕空间，因而Fragment在平板上应用非常广泛。...Android 3.0引入Fragment的初衷是为了适应大屏幕的平板电脑，由于平板电脑的屏幕比手机屏幕更大，因此可以容纳更多的UI组件，且这些UI组件之间存在交互关系。...● WebViewFragment WebViewFragment封装了WebView，随着WebViewFragment的暂停或恢复，WebView也进入暂停或恢复状态。

1K50

【一起来烧脑】读懂WebApp知识体系

背景 很多小白知道什么是app，但是却不知道什么是webapp呢，webapp是指用HTML5编写的移动web应用 一个webapp可以在pc端，Android端，ios端进行运行 webapp开发的优点就是一套代码到处运行...WebApp 创建安卓应用 保证电脑中可以看到手机。 在安卓系统中设置开发者选项为启用USB调试。...组件 this.setContentView(wv); 使用webView加载APK文件中打包好的本地网页 //出于安全考虑，webview默认禁用了js,必须要启用 wv.getSettings...().setJavaScriptEnabled(true); //加载本地的html文件 wv.loadUrl("file:///android_asset/hybrid.html...AngularJS是一个JS框架，改变了网页的编写方式 jQueryMobile框架 jQueryMobile是一个HTML组件库 WebApp jQueryMobile jQuery Mobile 可以应用于智能手机与平板电脑

69130
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    基于HT for Web的Web SCADA工控移动应用

    最近客户采用HT for Web图形界面组件，实现了油田燃气管网和供水管网等工控SCADA的HMI人机界面，并将系统运行在平板和手机等Android和iOS移动终端，在此我们在技术支持过程中的一些知识点进行些梳理和分享...对于部分HTML5的应用页面，用户需要嵌入Native App的WebView和Native应用界面做集成，以前这种方案特别是在Android端总会让我发毛，老的Android的WebView组件集成的奇烂的...*的发展一切有了质变，Google终于放开了Android WebView的Chromium版本，默认如今都已经是足够搞的30以上的版本了，将来还能自动升级，更具体的可参考这篇文章 http://www.quirksmode.org...上的width参数，或者该参数设置过大导致iOS终端浏览器无法显示拓扑图内容的情况，这种情况也不会报错但就是没内容，遇到这样的情况简单的方案就是先让用户移动应用也可在微信中传播使用，以下附上几张基于HT for Web客户项目的应用抓图，是的基于HTML5，监控可以如此简单，真正做到在你掌控之内： ?

    1.9K50

    基于HTML5的Web SCADA工控移动应用

    最近客户采用HT for Web图形界面组件，实现了油田燃气管网和供水管网等工控SCADA的HMI人机界面，并将系统运行在平板和手机等Android和iOS移动终端，在此我们在技术支持过程中的一些知识点进行些梳理和分享...对于部分HTML5的应用页面，用户需要嵌入Native App的WebView和Native应用界面做集成，以前这种方案特别是在Android端总会让我发毛，老的Android的WebView组件集成的奇烂的...*的发展一切有了质变，Google终于放开了Android WebView的Chromium版本，默认如今都已经是足够搞的30以上的版本了，将来还能自动升级，更具体的可参考这篇文章 http://www.quirksmode.org...上的width参数，或者该参数设置过大导致iOS终端浏览器无法显示拓扑图内容的情况，这种情况也不会报错但就是没内容，遇到这样的情况简单的方案就是先让用户移动应用也可在微信中传播使用，以下附上几张基于HT for Web客户项目的应用抓图，是的基于HTML5，监控可以如此简单，真正做到在你掌控之内： http://www.hightopo.com/demo

    1.5K20

    基于HT for Web的Web SCADA工控移动应用

    最近客户采用HT for Web图形界面组件，实现了油田燃气管网和供水管网等工控SCADA的HMI人机界面，并将系统运行在平板和手机等Android和iOS移动终端，在此我们在技术支持过程中的一些知识点进行些梳理和分享...对于部分HTML5的应用页面，用户需要嵌入Native App的WebView和Native应用界面做集成，以前这种方案特别是在Android端总会让我发毛，老的Android的WebView组件集成的奇烂的...*的发展一切有了质变，Google终于放开了Android WebView的Chromium版本，默认如今都已经是足够搞的30以上的版本了，将来还能自动升级，更具体的可参考这篇文章 http://www.quirksmode.org...上的width参数，或者该参数设置过大导致iOS终端浏览器无法显示拓扑图内容的情况，这种情况也不会报错但就是没内容，遇到这样的情况简单的方案就是先让用户移动应用也可在微信中传播使用，以下附上几张基于HT for Web客户项目的应用抓图，是的基于HTML5，监控可以如此简单，真正做到在你掌控之内： ?

    1.3K30

    基于HTML5技术的电力3D监控应用（三）

    继（一）和（二）之后不少，不少网友问我移动终端的使用问题，因为我们项目这次采用Android平板终端，所以我对这方面有点肤浅的研究，这篇分享些项目经验总结，希望对大家有所帮助。...电力3D项目去年底刚立项时，需求仅仅是PC浏览器的3D展示要求，后来慢慢增加了要求也能在平板上运行，因为我们的系统大部分是内网的，不可能要求移动终端得上app store去下载应用程序，虽然apple也提供企业内部发布的解决方案...，预装的操作系统还不是最新的，不过已经可以升级到Android 4.4.2 (KitKat)版本了，我更新了Chrome Android31速度还是明显很快速。...Nexus手机直接可以传送文件，平板则需要安装Android File Transfer软件，这没什么最让我震惊的是在这里，我调试时发现平板上没有“Developer options”选型了，没有这个选型我就没法用通过...当然Google不会止步不前，最新的KitKat已经将WebView升级到了Chrome for Android的30版本，这个版本的HTML5功能对大部分应用来说也算足够了 ，当然后续WebView要是也能自动升级就好了

    51230

    基于HTML5技术的电力3D监控应用（三）

    继（一）和（二）之后不少，不少网友问我移动终端的使用问题，因为我们项目这次采用Android平板终端，所以我对这方面有点肤浅的研究，这篇分享些项目经验总结，希望对大家有所帮助。...电力3D项目去年底刚立项时，需求仅仅是PC浏览器的3D展示要求，后来慢慢增加了要求也能在平板上运行，因为我们的系统大部分是内网的，不可能要求移动终端得上app store去下载应用程序，虽然apple也提供企业内部发布的解决方案...手机我用的Nexus 5测试的，而平板我用Nexus 7第二代测试的，Nexus 7到手感觉还是很轻很好用，预装的操作系统还不是最新的，不过已经可以升级到Android 4.4.2 (KitKat)版本了...Nexus手机直接可以传送文件，平板则需要安装Android File Transfer软件，这没什么最让我震惊的是在这里，我调试时发现平板上没有“Developer options”选型了，没有这个选型我就没法用通过...当然Google不会止步不前，最新的KitKat已经将WebView升级到了Chrome for Android的30版本，这个版本的HTML5功能对大部分应用来说也算足够了 ，当然后续WebView要是也能自动升级就好了

    1.1K51

    基于React-Native0.55.4的语音识别项目全栈方案

    即使需要使用的API都存在，也不一定能用，这一点和PC端是有很大区别的，国内的手机系统虽然都是基于Android,但几乎都会经过各大厂商的定制，功能与原版Android系统并不是完全一致的，在考察技术方案的时候一定要确认用...以下通过编辑manifest.xml添加还是Android6.0以上通过动态获取的方式取得RECORD_AUDIO权限，网站都可以正常访问，相关的Web API接口也都存在，但即使获得用户授权后也无法调起录音功能...WebView是Android底层用于加载网页的组件，Android4.4版本以后已将内置的浏览器引擎更换为chromium，也就是chrome的内核，从Can I Use上查询的支持度是Android5.0...这个方案既可以按照混合开发的方式来进行，也可以按照单个WebView的方式来进行(已验证这种方案无法支持WebRTC)。...React-native也封装了WebView组件，但很遗憾，直接加载web应用的方式经测试也无法调起getUserMedia( )这个方法，所以最终只能通过混合开发的方案来实现（但回过头来想，跟通过WebView

    3.7K30

    测试匠谈 | 微信H5兼容性测试理论和实践经验

    摘要：截至目前，移动端对比桌面、平板的市场使用份额已经达到52.92%。在微信生态项目中，大部分H5页面都是运行在微信内（即微信内置浏览器），用户使用的移动端设备、系统版本、微信版本五花八门。...① 移动端设备复杂Android的设备情况：OpenSignal 在 2015 年 8 月发布的基础统计数据可以看到Android的设备复杂度。到了2024年，如今设备的复杂度肯定只增不减。...和iOS上的UI还原都可以，但是到了Android上字体就不一样了。...（这里的原因是因为设计指定的是苹方字体，Android上并没有内置该字体，正确的解决方案是在不同的系统上用不同的内置字体）这种情况是否可以说是UI还原低呢? 是否要专注于100%还原?...使用真实设备：将网页加载到不同类型的设备上进行测试，例如桌面电脑、笔记本电脑、平板电脑和智能手机等。使用模拟器和仿真器：利用模拟器或仿真器来模拟不同设备的环境，并进行测试。

    11510

    数据收集错误使Chrome 79 安卓版的发布陷入混乱（IT）

    Google开发人员认为导致问题发生的Chrome 79 WebView代码更改是在六周前的beta版本中发生的。...一些Android应用程序在WebView中运行。这包括使用Apache Cordova构建的应用程序，或者像Twitter Lite这样的打包Web应用程序。...移动设备上的2个本地存储器 安卓手机和平板电脑等移动设备依赖本地存储和WebSQL位置来提供存储机制。它们允许网站或Web应用程序将数据存储在用户Chrome配置文件目录中的用户设备上。...但是，有些网站仍然在本地使用自带储存或WebSQL。许多移动应用程序开发人员使用本地存储在移动设备上的自带储存和WebSQL。...实际上，许多安卓应用程序通常只是加载在WebView组件中的一个网站，此过程相当于Chrome的简易版。与在线的SQLite数据库相比，它是一种更简单、更紧凑的本地保存用户设置和数据的方法。

    1.8K10

    Android 12 首个开发者预览版到来

    从手机和笔记本电脑，再到平板电脑、电视甚至汽车，Android 应用每天都在各种设备上支持着数十亿人的工作、娱乐、交流和创造。当越来越多的人开始依赖您所构建的体验，人们的期望也跟着水涨船高。...兼容媒体转码 (compatible media transcoding) - 随着 HEVC 硬件编码器在移动设备上的普及，相机应用也多以 HEVC 格式进行拍摄。...针对平板电脑、可折叠设备和电视的优化 - 随着越来越多的人开始在可折叠设备、平板电脑和电视等大屏幕设备上使用应用，现在是确保您的应用或游戏为这些设备做好准备的大好时机。...您可以从 针对平板电脑进行优化 和 为可折叠设备构建应用 开始着手。同时，针对家庭中最大的屏幕，首个适用于 Android TV 的 Android 12 预览版也已推出。...您可以将系统映像刷入 Pixel 设备，或在运行 Android 11 的设备上加载 (sideload) OTA 映像，在后一情况下您甚至不需要解锁引导加载程序 (bootloader) 或擦除数据。

    70320

    【Unity 实用工具】✨| Unity 十款 浏览器相关插件 整理（web view browser）

    前言 本篇文章将会介绍一下在Unity中可以用的一些浏览器插件 有的是内嵌形式的，就是在Unity中显示浏览器的相关内容，有的则是会调用电脑本身的浏览器 插件有很多种，基本上都能实现一个浏览器最基本的功能...第三款：Texture Web View (Android) Texture Web View (Android) 支持PC和移动端，也可以放置到世界空间中 具有3D效果 Texture Web View...，在移动端也可以调用手机自带的键盘来进行中文输入 系统要求： Unity 2017.3 或更高版本（由于 Unity 错误，Windows 不支持 2017.3 - 2018.1 除外） 支持 Mono...但是，您实际上可以通过将适用于 Windows 和 macOS 的 3D WebView安装到项目中来在编辑器中加载和渲染真实的 Web 内容。...但是，您实际上可以通过将适用于 Windows 和 macOS 的 3D WebView安装到项目中来在编辑器中加载和渲染真实的 Web 内容。

    8.7K40

    苹果拒绝支持PWA的行为对Web贻害无穷！

    渐进式 Web 应用就是 Web 应用，一种在移动设备上比原生应用能够无缝工作的Web应用。 我立刻想到，“既然他做出了如此大胆的声明，那么不用iOS吗，甚至永远也不会用？”...作者认为Google已经建立了一个PWA的基线清单，并且其中的许多功能在移动版的 Safari 上也是支持的: 站点通过HTTPS提供服务 页面对平板电脑和移动设备的响应 起始网址在离线时加载（实际上在...以下功能是你无法在移动版 safari 上做的事情，因为苹果拒绝支持它们: 创建应用程序加载屏幕 使用推送通知 添加离线支持 创建一个初始的应用程序UI来实现即时加载 通过浏览器引导对话框，提示安装到主屏幕...这实际上伤害了小型开发商，扼杀了创新，使创业公司的更加难走。 初创公司和小型开发商应该集中精力学习苹果特有的编程语言，忽视（或最好延迟）Android版本的发布，这种毫无底线的想法简直是荒谬至极。...需要说明的是，即使是我刚刚发泄完之后 —— 我并不是反苹果的一切。我每天都会使用iPhone并且在 MacBook Pro 上开发。

    1.9K30

    Navi.Soft31.Mobile框架(含下载地址)

    1概述 1.1应用场景         互联网的发展,使用基于Web的软件异军突起,目前占据着相当大的市场份额,而手机,平板电脑等移动端设备的频繁使用,使移动端的软件快速发展,逐步有超越Web软件的趋势...移动软件中,以Android和IOS居多,微软的WindowPhone暂时还不能够三分天下,因此开发重点是Android和IOS         本框架是基于Smobiler公司的产品.在其基础上,开发出一套框架...,用于Android和IOS开发.本框架最大的优点在于所有代码均采用Net中C#语言开发,能同时被Andorid和IOS两个客户端使用.开发者可以快速上手,从而将更多的精力放在业务逻辑 1.2面向对象...平板和IPAD平板.同时展示 l 登录页面 ?...SQLite数据库如何使用 注1:所有的C#项目的目标平台,建议是x86,即使是64位开发环境中 注2:需要在客户端安装SQLite驱动,可以官方下载,注:本框架使用的是Net4.0的驱动.文件名称是:

    970100

    MUI、H5+开发技术总结

    概述 mui实现方式依赖系统webview，控件大多是HTML5控件，通过DOM渲染； 对比单纯的webview加载页面多了一些优化，比如CSS动画、页面预加载、多页面显示隐藏模拟窗口切换，以至于在视觉上看起来不那么生硬...不足： 1、性能问题 通过webview来加载实现造成先天性不足，所以不要相信媲美原生性能等宣传口号，包括MUI在内的其他类似框架也都差不多，在页面流畅度、性能等不管怎么优化都是无法跨越的门槛。...而且即使加载比如iOS的类文件等，加载系统本身的类库还可以，你如果加载自定义的类貌似不行。 经查询,如果加载自己的类必须离线打包，在线打包无法实现。...跨平台一直是我们的希望，我们也在不断的摸索、学习、尝试。 我个人使用MUI主要开发Android，因为我自己做了个小项目(dctt前面文章有介绍)，单独在Android上我认为效果还是可以的。...而如果使用nvue的话，视图层也不在webview里，和html5一点关系都没有。 曾经我也写过一个demo简单测试体验下，无论在安卓还是iOS上感觉还不错。

    1.6K20

    Carson带你学Android：你不知道的 WebView 使用漏洞

    Android 4.2版本之后 Google 在Android 4.2 版本中规定对被调用的函数以 @JavascriptInterface进行注解从而避免漏洞攻击 B2....Android 4.2版本之前 在Android 4.2版本之前采用**拦截prompt（）**进行漏洞修复。...加载页面前加载一段本地的 JS 代码，原理是： 让JS调用一Javascript方法：该方法是通过调用prompt（）把JS中的信息（含特定标识，方法名称等）传递到Android端； 在Android...使其不能加载本地的 html 文件，如下图： 移动版的 Chrome 默认禁止加载 file 协议的文件 解决方案： 对于不需要使用 file 协议的应用，禁用 file 协议； setAllowFileAccess...WebActivity，这样由于该 WebActivity 无法加载该文件，就会将该文件下载到 sd 卡下面，然后就可以从 sd 卡上读取这个文件了 最终解决方案 对于不需要使用 file 协议的应用

    1.3K10

    Android：你不知道的 WebView 使用漏洞

    Android 4.2版本之后 Google 在Android 4.2 版本中规定对被调用的函数以 @JavascriptInterface进行注解从而避免漏洞攻击 B2....Android 4.2版本之前 在Android 4.2版本之前采用拦截prompt（）进行漏洞修复。...使其不能加载本地的 html 文件，如下图： 移动版的 Chrome 默认禁止加载 file 协议的文件 ?...WebActivity，这样由于该 WebActivity 无法加载该文件，就会将该文件下载到 sd 卡下面，然后就可以从 sd 卡上读取这个文件了 最终解决方案 对于不需要使用 file 协议的应用...Android WebView与 JS 的交互方式 手把手教你构建 Android WebView 的缓存机制 & 资源预加载方案 接下来我会继续讲解其他安卓开发的知识，有兴趣可以继续关注Carson_Ho

    3.3K20

    WebView深度学习（三）之WebView的内存泄漏、漏洞以及缓存机制原理和解决方案

    上两篇文章讲到了WebView的基本使用以及Android和js的交互 以及 全面总结WebView遇到的坑及优化 ，这篇文章讲一下内存泄漏和漏洞处理。...在微信盛行、扫一扫行为普及的情况下，该漏洞的危险性非常大 2.解决方法 Android 4.2版本之后：Google 在Android 4.2 版本中规定对被调用的函数以 @JavascriptInterface...，即允许在 File 域下执行任意 JavaScript 代码 webView.getSettings().setAllowFileAccess(true); 但是同时也限制了 WebView...的功能，使其不能加载本地的 html 文件，( 移动版的 Chrome 默认禁止加载 file 协议的文件 ) ,如下图： ?...WebActivity，这样由于该 WebActivity 无法加载该文件，就会将该文件下载到 sd 卡下面，然后就可以从 sd 卡上读取这个文件了 （6） 最终解决方案 1）对于不需要使用 file

    3.1K10

    Android vs iOS：未曾停息的强强对决

    正文： 众所周知，谷歌的Android和苹果的iOS都是移动技术领域两大主要操作系统，常被用于智能手机和平板电脑。与iOS相比，基于Linux的且部分开源的Android系统更像是专为PC打造的。...可用的应用程序（Apps）：iOS Vs Android Android应用程序（可信的）来源主要是谷歌商店，目前官方统计约有60万应用程序可用，其中大部分是运行在平板电脑上的。...大多数开发人员开发游戏时更喜欢先开发基于iOS版本的，而后才考虑开发Android版本。最近由于iOS更新，Youtube应用程序目前无法在iOS上运行。...他们可能不为还没有升级到最新版安卓系统的手机和平板电脑提供升级产品。 即使提供升级，也是等到最新安卓系统发布几个月后。 这恰是一个iOS用户的优势所在。 iOS升级一般都适用于iOS所有设备。...UI设计： Android vs iOS 7 在平板之外 ，SeatGeek创始人Jack Groetzinger概述了不少Android和iOS在美学设计上差异，以及它们对应用程序开发人员意味着什么。

    1.8K80
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券