<!DOCTYPE html>
<html>
<body>
<iframe src="sharetest://data/http://www.huxiu.com/" style="display:none"></iframe>
</body>
</html>
将index.html放到Assets目录下,在代码里调用Webview加载该Html文件,代码如下:
/*网页打开app*/
public class H5ToAppActivity extends Activity {
private String url;
private WebView webview;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_h5_app);
webview = (WebView) findViewById(R.id.webviewh5);
url = "file:///android_asset/index.html";
WebSettings wSet = webview.getSettings();
wSet.setJavaScriptEnabled(true);
webview.loadUrl(url);
}
}
这样执行以上代码时就可以打开对应的app了。
比如我的2048是一个网页,打开网页的时候可以同时打开另外一个应用
下面是两个应用截图你可以下载下来看下效果:(两个应用一起下)
2048网页演示apk:http://download.csdn.net/detail/qiushi_1990/9514778
网页打开的应用apk:http://download.csdn.net/detail/qiushi_1990/9514779
这样在打开2048时会出现下面效果
然后会跳转到下面应用
实现原理
最近,在使用QQ和微信等SDK来实现分享网页的时候,发现,SDK已经为页面跳转回应用提供了基本的数据支持。我们只需在应用里和被分享的网页进行简单的设置,即可实现此功能。
那么我们先来看下网页跳转回应用的实现原理。
就Android平台而言,URI主要分三个部分:scheme, authority and path。其中authority又分为host和port。格式如下:
scheme://host:port/path
举个实际的例子:
content://com.example.project:200/folder/subfolder/etc
\---------/ \---------------------------/ \—/ \--------------------------/
scheme host port path
\--------------------------------/
authority
现在大家应该知道data flag中那些属性的含义了吧,看下data flag
<data android:host=“string”
android:mimeType=“string”
android:path=“string”
android:pathPattern=“string”
android:pathPrefix=“string”
android:port=“string”
android:scheme=“string” />
点击微信和QQ分享跳转到程序内部的原理与此一致。
写在后面:
由于微信在5.0.3以后就禁用了微信浏览器里打开别的app,所以上面的方法在微信里不能直接起作用。但是我们有补救方法,
1,通过跳转应用宝,来判断是否安装应用,如果安装应用宝会直接打开
2,引导用户在浏览器里打开当前网页,因为微信虽然禁止了android:scheme跳转,但是浏览器都是支持的。
总结
可以看出,笔者的工作学习模式便是由以下 「六个要点」 组成:
❝ 多层次的工作/学习计划 + 番茄工作法 + 定额工作法 + 批处理 + 多任务并行 + 图层工作法❞
希望大家能将这些要点融入自己的工作学习当中,我相信一定会工作与学习地更富有成效。
下面是我学习用到的一些书籍学习导图,以及系统的学习资料。每一个知识点,都有对应的导图,学习的资料,视频,面试题目。
**如:我需要学习 **Flutter的知识。(大家可以参考我的学习方法)
- Flutter 的思维导图(无论学习什么,有学习路线都会事半功倍)
- Flutter进阶学习全套手册
- Flutter进阶学习全套视频
大概就上面这几个步骤,这样学习不仅高效,而且能系统的学习新的知识。
lutter 的思维导图(无论学习什么,有学习路线都会事半功倍)**
[外链图片转存中…(img-yR8pueWF-1725883389823)]
- Flutter进阶学习全套手册
[外链图片转存中…(img-vEwR6ZWP-1725883389824)]
- Flutter进阶学习全套视频
[外链图片转存中…(img-EoBufg9G-1725883389824)]
大概就上面这几个步骤,这样学习不仅高效,而且能系统的学习新的知识。