当前位置：首页 » 网页设计 » 网页调app

网页调app

发布时间: 2021-03-29 20:51:22

1. 如何通过html 网页调用本地安卓app

2. 怎么用网页的超级链接调用安卓手机的app

一、通过html页面打开Android本地的app

1、首先在编写一个简单的html页面

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Insert title here</title>

</head>

<body>

<a href="m://my.com/">打开app</a> 

</body>

</html>

2、在Android本地app的配置

在AndroidManifest的清单文件里的intent-filte中加入如下元素：
<intent-filter>
<action android:name="android.intent.action.VIEW" />
<category android:name="android.intent.category.DEFAULT" />
<category android:name="android.intent.category.BROWSABLE" />

<data
android:host="my.com"
android:scheme="m" />
</intent-filter>

示例截图如下：

然后使用“手机浏览器”或者“webview”的方式打开这个本地的html网页，点击“打开APP”即可成功开启本地的指定的app

二、如何通过这个方法获取网页带过来的数据

只能打开就没什么意思了，最重要的是，我们要传递数据，那么怎么去传递数据呢？

我们可以使用上述的方法，把一些数据传给本地app，那么首先我们更改一下网页，代码修改后：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<a href="m://my.com/?arg0=0&arg1=1">打开app</a> 
</body>
</html>

（1）.假如你是通过浏览器打开这个网页的，那么获取数据的方式为：

Uri uri = getIntent().getData(); String test1= uri.getQueryParameter("arg0"); String test2= uri.getQueryParameter("arg1");

（2）如果使用webview访问该网页，获取数据的操作为：
webView.setWebViewClient(new WebViewClient(){
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
Uri uri=Uri.parse(url);
if(uri.getScheme().equals("m")&&uri.getHost().equals("my.com")){
String arg0=uri.getQueryParameter("arg0");
String arg1=uri.getQueryParameter("arg1");

}else{
view.loadUrl(url);
}
return true;
}
});

3. H5的页面中怎样调用APP功能

H5的页面中调用APP功能代码如下：

constiframe=document.createElement('iframe');
iframe.src='URLscheme';//URLscheme的方式跳转
iframe.style.display='none';
document.body.appendChild(iframe);

这时候如果在一切环境支持的情况下，就会唤醒APP了。

4. 网页直接跳转调起淘宝app并且打开制定商品页面

机头调用到指定的链接就可以

5. 如何通过Html网页调用本地安卓app

1、首先在编写一个简单的html页面

<html>

<head>

<title>Insert title here</title>

</head>

<body>

<a href="m://my.com/">打开app</a>

</body>

</html>

2、在Android本地app的配置

在AndroidManifest的清单文件里的intent-filte中加入如下元素：

<intent-filter>

<data

android:host="my.com"

android:scheme="m" />

</intent-filter>

示例如下：

然后使用“手机浏览器”或者“webview”的方式打开这个本地的html网页，点击“打开APP”即可成功开启本地的指定的app

如何通过这个方法获取网页带过来的数据？？？

只能打开就没什么意思了，最重要的是，我们要传递数据，那么怎么去传递数据呢？

我们可以使用上述的方法，把一些数据传给本地app，那么首先我们更改一下网页，代码修改后：

<html>

<head>

<title>Insert title here</title>

</head>

<body>

<a href="m://my.com/?arg0=0&arg1=1">打开app</a>

</body>

</html>

（1）.假如你是通过浏览器打开这个网页的，那么获取数据的方式为：

Uri uri = getIntent().getData(); String test1= uri.getQueryParameter("arg0"); String test2= uri.getQueryParameter("arg1");
（2）如果使用webview访问该网页，获取数据的操作为：

webView.setWebViewClient(new WebViewClient(){

@Override

public boolean shouldOverrideUrlLoading(WebView view, String url) {

Uri uri=Uri.parse(url);

if(uri.getScheme().equals("m")&&uri.getHost().equals("my.com")){

String arg0=uri.getQueryParameter("arg0");

String arg1=uri.getQueryParameter("arg1");

}else{

view.loadUrl(url);

}

return true;

}

});

6. 如何在HTML网页中调起APP

对于app打开而言最常规的打开就是通过url scheme的方式去打开你的app，如下的

myapp://
myapp://open
myapp://type=1&id=2sdeo223lwe

这些抛出都是以url的方式进行抛出，app捕捉到这些抛出去做相应的处理，本文对app的处理不做详细描述，app开发请自行谷歌网络。对于前端而言抛出的方式也有很多，而最理想的方式是通过iframe的src对其进行链抛出，来！说的在多都没有代码来的清晰，请看下面。

//实际上就是新建一个iframe的生成器
varcreateIframe=(function(){
variframe;
returnfunction(){
if(iframe){
returniframe;
}else{
iframe=document.createElement('iframe');
iframe.style.display='none';
document.body.appendChild(iframe);
returniframe;
}
}
})()

之后我们还需要一个url scheme:

//生成一个urlscheme,假设我们约定的scheme是myApp://type=1&id=iewo212j32这种形式的

varbaseScheme="myApp://"
varcreateScheme=function(options){
varurlScheme=baseScheme;
for(variteminoptions){
urlScheme=urlScheme+item+'='+encodeURIComponent(options[item])+"&";
}
urlScheme=urlScheme.substring(0,urlScheme.length-1);
returnencodeURIComponent(urlScheme);
}

这种scheme形式的其实不是最好的,根据我们踩过的坑，觉得约定为与http协议相近可能更好一些，具体的协议需要前端人员自己去和app端人员约定。

ok万事具备，iframe有了，urlScheme也有了，该去打开app了

varopenApp=function(){
varlocalUrl=createScheme();
varopenIframe=createIframe();
if(isIos()){
//判断是否是ios,具体的判断函数自行网络
window.location.href=localUrl;
varloadDateTime=Date.now();
setTimeout(function(){
vartimeOutDateTime=Date.now();
if(timeOutDateTime-loadDateTime<1000){
window.location.href="你的下载页面";
}
},25);
}elseif(isAndroid()){
//判断是否是android，具体的判断函数自行网络
if(isChrome()){
//chrome浏览器用iframe打不开得直接去打开，算一个坑
window.location.href=localUrl;
}else{
//抛出你的scheme
openIframe.src=localUrl;
}
setTimeout(function(){
window.location.href="你的下载页面";
},500);
}else{
//主要是给winphone的用户准备的,实际都没测过，现在winphone不好找啊
openIframe.src=localUrl;
setTimeout(function(){
window.location.href="你的下载页面";
},500);
}
}

以上就是你要打开scheme的主要代码了，好吧，实际上不只是打开app，还要实现未打开的时候跳到下载页去。其中安卓实际上无论有没有打开都会跳到下载页去，而ios........好吧!按照网上的说法是浏览器失焦后会挂起脚本，呵呵，这是多老的ios版本的表现了，实际上现在的ios已经没有这么做，有些版本会跟安卓的表现一样，而有些则是直接跳转根本不会去打开，还有打开的时候那个恶心的系统弹窗是什么鬼。好吧，实际上至此你会发现，ios9.0以上的有些打不开直接跳，有些打得开还会有允许弹窗，而微信则是无论如何都打不开，实际上微信会在他的浏览器里拦截掉所有未经其允许的scheme包括app store。

转自：《怎么在网页中打开你的app》@AlfredMou -- segmentfault

7. 把pc网页改成手机软件

将电脑网页修改成手机网页步骤：
1、首先，我们打开一个网页，如下图；

2、然后我们按键盘的F12键，出现代码元素界面，如下图；

3、然后我们点最下方的“Emulation”菜单选择即可，如下图；

4、然后，我们可以看到下面有很多参数选项，选择“MODEL”即可，如下图；

5、选择后，下方会有"Resolution"会自动填充，意思是手机分辨率，如果你的手机型号不在其内，自己写分辨率尺寸也可以的，如下图；

6、然后看页面内容变化，已缩小成手机模式，如下图；

7、选择右手边的Reset,可以退出当前设置恢复网页原形，也可以重新设置，如下图；

8. 求一个html5网页转换到app的详细步骤

直接去第三方网站，可以一键生成多省事儿，不懂技术都可以自己制作。

9. 如何通过html网页调用本地安卓app

一、通过html页面打开Android本地的app

1、首先在编写一个简单的html页面

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Insert title here</title>

</head>

<body>

<a href="m://my.com/">打开app</a> 

</body>

</html>

2、在Android本地app的配置

在AndroidManifest的清单文件里的intent-filte中加入如下元素：
<intent-filter>
<action android:name="android.intent.action.VIEW" />
<category android:name="android.intent.category.DEFAULT" />
<category android:name="android.intent.category.BROWSABLE" />

<data
android:host="my.com"
android:scheme="m" />
</intent-filter>

示例截图如下：
然后使用“手机浏览器”或者“webview”的方式打开这个本地的html网页，点击“打开APP”即可成功开启本地的指定的app二、如何通过这个方法获取网页带过来的数据只能打开就没什么意思了，最重要的是，我们要传递数据，那么怎么去传递数据呢？

我们可以使用上述的方法，把一些数据传给本地app，那么首先我们更改一下网页，代码修改后：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<a href="m://my.com/?arg0=0&arg1=1">打开app</a> 
</body>
</html>

（1）.假如你是通过浏览器打开这个网页的，那么获取数据的方式为：

Uri uri = getIntent().getData(); String test1= uri.getQueryParameter("arg0"); String test2= uri.getQueryParameter("arg1");
（2）如果使用webview访问该网页，获取数据的操作为：

webView.setWebViewClient(new WebViewClient(){
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
Uri uri=Uri.parse(url);
if(uri.getScheme().equals("m")&&uri.getHost().equals("my.com")){
String arg0=uri.getQueryParameter("arg0");
String arg1=uri.getQueryParameter("arg1");

}else{
view.loadUrl(url);
}
return true;
}
});

阅读全文

网页调app

与网页调app相关的阅读推荐