网页如何唤起app|如何从微信浏览器中跳转到APP指定页面

|

1. 如何从微信浏览器中跳转到APP指定页面

方法一:URL Scheme将参数配置在url scheme后面,唤醒app再进行页面跳转逻辑。但残酷的现实是qq和微信都回把url scheme 唤醒app这种方式给禁了。答方法二:meta标签meta标签的格式如下:这样添加meta标签后的网页,使用safari打开的时候,就会在顶部显示自己app的导航条。

2. 怎样在网页中启动应用程序

是可以实现的,但是有局限性。局限性在于只允许打开本地文件,而且不允许配置服务器(也就是当前网页以http://开头时不能执行操作。)代码如下,楼主可以保存成本地.html文件运行。运行过程中会有权限提示,请允许。<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>js</title> <SCRIPT language="JavaScript"> function Run(strPath) { exe.value=strPath; try { var objShell=new ActiveXObject("wscript.shell"); objShell.Run(strPath); objShell=null; } catch(e) { alert(e) ; } } </script> 请输入要运行的程序:<br/><input name=exe type=text size=20 value="regedit"> <BUTTON class=button onclick="Run(exe.value)">decide</BUTTON> <BUTTON class=button onclick=exe.value="";>input</BUTTON><br/> <BUTTON class=button onclick="Run('notepad')">记事本</BUTTON><br/> <BUTTON class=button onclick="Run('mspaint')">mspaint</BUTTON><br/> <BUTTON class=button onclick="Run('calc')">calc</BUTTON><br/> <BUTTON class=button onclick="Run('cmd')">cmd</BUTTON><br/> <BUTTON class=button onclick="Run('Regedit')">Regedit</BUTTON><br/> <BUTTON class=button onclick="Run('Msconfig')">Msconfig</BUTTON><br/> <BUTTON class=button onclick="Run('file:///D:/EDI/PCstructure/bin/Debug/PCStructure.exe')">PC EXE</BUTTON><br/> <BUTTON class=button onclick="Run('IEXPLORE.EXE')">IE</BUTTON><br/> <BUTTON class=button onclick="Run('..')">..</BUTTON><br/> <BUTTON class=button onclick="Run('%windir%')">%windir%</BUTTON><br/> <BUTTON class=button onclick="Run('file:///e:/qq/qq.exe')">运行QQ</BUTTON><br/> </body> </html>

3. 怎么在电脑网页浏览器上运行Android应用

首先,我们打开谷歌Chrome浏览器,在任意网页按下F12快捷键。打开Google浏览器开发者工具或者右击网页,点击“审查元素”2如果你用的苹果Mac电脑,可以按下快捷键⌘-Option-I打开Chrome浏览器的开发者工具3这时点击左上角的手机屏幕图标,即可进入模拟手机设备型号、手机屏幕尺寸,不同手机分辨率的功能界面。谷歌浏览器瞬间变成了手机浏览器。

4. 网页跳转到APP打开,该怎么实现

如下:

首先APP把自己注册为某网址的打开方式,比如abcdef://xxxxxx之类的。前面一段abcdef可以随意瞎改,只要不与其他应用冲突就行。

然后网页里跳转到adcdef://xxxxxx这个链接,浏览器无法打开此链接(浏览器一般只能打开http https ftp),就会把这个链接扔给系统,系统会根据默认打开方式扔给应用打开。

Deeplink在实际运用中的效果

Deeplink(深度链接)能被运用于任意渠道触点(微信、QQ、微博、短信、邮箱、各大浏览器、其他App等),直接从这些平台跳转至目标内容页,省去中间“打开App首页”“搜索页面”等无效步骤。

深度链接(Deeplink)对于“App社交分享、裂变传播转化、沉默用户唤醒、用户流失召回、短信邮箱营销、地推首单激活、搜索引擎引流”等运营场景都有着奇效,一方面能快速实现场景还原,带来更高效的用户体验。

5. 如何在iphone上通过网页启动APP

最好两者使用相同的appleid,也就是帐号,这样的话,按以下操作:1.iphone连上itunes,备份到电脑,itunes里就有已购买应用程序,只要不在这里删除,随时可以安装,记得在应用程序界面中把自动同步应用程序勾取消(在程序列表框下面)2.ipad连上itunes,如果有提示,都取消,这时进入应用程序界面,你可以选择原来的iphone里的程序了,同时也可以将ipad里的程序备份下来,iphone也可以使用3.选择你想要的程序,打上勾,记住想保留的程序软件也要打上勾,然后应用一下,就同步过去了注意:iphone和ipad的软件有些是不通用的,应用程序列表中出来的是通过软件,这里的你都可以选,接下是设备专用的,只有针对设备来选,否则即使同步过去也不能用或闪退,显示不出来等。如果是使用不同的帐号,那么要采用取消原有帐号授权,再授权新的帐号,也就能同步原来购买的应用程序了

6. H5网页在浏览器中唤起app,怎么实现

H5不能直接唤起其他APP。只能是其他APP主动获取你的跳转地址或是剪贴板地址后自动打开。如果你用的浏览器提供关联启动接口的话,可以调用浏览器的接口。

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

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

myapp://myapp://openmyapp://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{//抛出你的schemeopenIframe.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

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

一、通过html页面打开Android本地的app1、首先在编写一个简单的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><br/></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" /><dataandroid: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><br/></body></html>(1).假如你是通过浏览器打开这个网页的,那么获取数据的方式为:Uri uri = getIntent().getData(); String test1= uri.getQueryParameter("arg0"); String test2= uri.getQueryParameter("arg1");(2)如果使用webview访问该网页,获取数据的操作为:webView.setWebViewClient(new WebViewClient(){@Overridepublic 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;}});

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

一、通过html页面打开Android本地的app1、首先在编写一个简单的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><br/> </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><br/> </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; }});

10. 如何让网页链接完美的跳转到APP

在智能手机出货量超过PC和功能手机、用户使用App比例超过80%以上的情况下,智能手机App绝对成为了人们生活的主角。对于PC、平板、智能手机之间的跨平台无缝体验,很早之前开发者就开始关注了。比如Evernote会开发几乎所有平台的软件版本,来保证用户在使用各个平台时可以无缝切换;另外Chrome 桌面版和手机端也可以同步数据,我在电脑上打开几个网页,换到手机上时仍能看到那几个网页。 虽然很多人都认识到了App的重要性,但从PC到手机App,这中间仍然存在着很大的体验断层。PC段到移动端还有很多事情要做,比如接下来讲的:当大量App内容被分享到微博、微信上之后,如何从PC或手机上的网页链接完美切换到App。 在我近一个多月的测试中,发现大部分的App都没有做好从Web链接到App的过渡。比如我用手机在微博中点开一个应用官方帐号微博里面的一个链接,链接内容是App内的内容(微博分享出来),然后你就会发现打开时大部分情况是网页版。虽然我手机里安装了这款应用,但却仍然打开的是网页版,如果该App需要登录的话,我在网页版上甚至都无法进行更多的操作。 当然,也有个别App在链接到App跳转的过程做得非常好。而在一般情况下,这种跳转优化根据设计的无缝度会有四种,总结如下(在此声明,我所测试的所有App都是我个人比较喜欢的,所以不存在诋毁哪款产品问题): 第一种:链接是为PC设计的,根本没有针对移动设备进行过优化,打开链接你必须通过缩放才能看到网页上的内容。这类App有很多,比如大众点评、果壳、果库、抬杠等。 第二种:链接为移动设备优化过,但从网页端转到移动端仍然有断层。比如美乐时光官方微信会推荐一些歌单,我用浏览器打开后便可以直接播放,移动体验非常棒,但即便登录之后也不能对播放的歌曲进行收藏。如果我想收藏某些歌曲,必须用电脑打开网站,搜到歌曲,然后收藏后才会同步到美乐时光App上,非常的麻烦。另外这类App还有:想去、美团等。 这里面还有一种情况,就是媒体类应用。由于媒体本身产生的内容只是一篇篇文章,所以很容易为移动设备优化。但这又分两类,一类本身网页在移动设备上的体验非常好,同时也有客户端,但两者是有断层的。第二类是对移动端进行了优化,但由于没有客户端,反而不会出现上体验断层的问题。 第三种:产品本身就是为移动而生的,即便是网页版,也像移动端一样简洁。这种链接打开没任何压力,即便登录,也是非常方便的。你可以直接用网页版进行各种操作,然后打开App就能同步了。这种情况已经算是非常好的了,但它仍然无法解决网页链接和App之间的鸿沟问题,我不能直接通过网页链接打开App。这类产品比较少,比如早期的果库(无网页版)、国外的Fancy等。 第四种:点击链接可以直接打开App,如果是在桌面端则直接在浏览器中显示内容。在我测试的十几款App中,我只发现了两款在网页链接向App跳转上做得非常好,那就是啪啪(Papa)和Instagram。我在刷微博看见好友分享了一条啪啪时,点击链接,我的啪啪就会自动打开,然后显示好友分享的内容。而Instagram做法有些不同,它第一次打开的是优化过的网页,然后Logo旁有一个“Open in app”的按钮,点击之后可以直接打开App。这样就非常方便,如果我没有安装app,那么它会直接在手机浏览器里打开,如果我用的是电脑,那它也会直接在桌面浏览器中打开。 对于Web链接向App跳转的问题,可能很多人都会说这只是一个小细节,没必要过度深究。但随着我们使用手机App越来越频繁,这个小问题会困扰越来越多的人。而且从第四种解决方案可以看出,很多App没这样做并不是因为苹果的沙盒保护机制,只是开发者在考虑用户体验的时候,没有把这部分真正的考虑进来。


赞 (0)