因为公司市场需要，然后花了点时间研究下，本身是做的混合式APP嘛，有兴趣的大佬可以研究下

先说重点：

1. 第三方浏览器通过网页打开app的普遍方法是通过scheme命令直接打开。

2. 微信或QQ浏览器通过网页打开app最完善的方法是上传应用宝。

3. 微信或QQ浏览器通过网页打开app只有ios9以上可实现（Android和Ios 9以下除外）。

废话不说，上代码：

一。 第三方浏览器直接打开app。

此处推荐做法：在页面加载的时候尝试打开，加载完毕点击跳转到下载（推荐）。【注：此方式弊端为ios safari浏览器打开时，会提示无法打开】

二。微信或QQ浏览器直接打开app。

注：此方法仅适用于苹果ios9以上系统。

准备以下stuff：
1. 独立域名。
2. SSL证书。
3. 被签名的json文件。
4. Xcode 7・iOS 9 SDK
5. Capabilities
6. AppDelegate的代理设置

步骤：

1. 在Capabilities的设置中，设置`Associated Domains’的Domains内容

例：https://www.facebook.com/ -> applinks:facebook.com

apple-app-site-association文件的配置

注：apple-app-site-association文件一定要放在服务器的根目录下。

 1 {
 2   "applinks": {
 3     "apps": [],
 4     "details": {
 5       "TBEJCS6FFP.com.domain.App": {
 6         "paths":[ "*" ]
 7       }
 8     }
 9   }
10 }

paths中的内容为对应App启动的链接路径

全路径的时候使用“＊”。

特定位置的时候需要指定具体内容，

1 ["/wwdc/news/", /videos/wwdc/2015/*]

 TBEJCS6FFP.com.domain.App这部分使用的是你的TeamID和Bundle Identifier

3. 对apple-app-site-association文件的签名

1 cat apple-app-site-association-unsigned.js | openssl smime -sign -inkey g01-server.key -signer g01-server.crt -certfile 　g01-dvcacert.cer -noattr -nodetach -outform DER > apple-app-site-association

4. App对应的开发

在AppDelegate.m文件中添加以下代码

 1 - (BOOL)application:(UIApplication *)application continueUserActivity:(NSUserActivity *)userActivity restorationHandler:(void (^)(NSArray * _Nullable))restorationHandler
 2 {
 3     NSLog(@"continueUserActiity enter");
 4     NSLog(@"\tAction Type : %@", userActivity.activityType);
 5     NSLog(@"\tURL         : %@", userActivity.webpageURL);
 6     NSLog(@"\tuserinfo :%@",userActivity.userInfo);
 7      
 8     NSLog(@"continueUserActiity exit");
 9     restorationHandler(nil);
10      
11     NSHTTPCookieStorage *sharedHTTPCookieStorage = [NSHTTPCookieStorage sharedHTTPCookieStorage];
12     NSArray *cookies = [sharedHTTPCookieStorage cookiesForURL:userActivity.webpageURL];
13  
14      NSLog(@"COOKIE{name: %@", cookies);
15     return true;
16 }

如代码所示，我们可以获取到跳转链接的一些基本信息

URL内容，ActionType等都是可以获取并且在代码中进行修改的。

微信或QQ浏览器打开ios9以上app 结束。

三。微信或QQ浏览器通过应用宝直接打开app

此方法有待完善（事实是我也没有处理过）。

// #ifdef APP-PLUS
	
	//  定位没有开启时  提示用户是否开启  
	switch(uni.getSystemInfoSync().platform){
		case 'android':
		安卓机型太多目前还没找到合适的方法 有安卓方法的可以评论
			break;
		case 'ios':
		方法1
			// plus.nativeUI.confirm("定位权限没有开启，是否去开启？", function(e) {
			// 	if (e.index != 0) {    
			// 		var UIApplication = plus.ios.importClass("UIApplication");    
			// 		var application2 = UIApplication.sharedApplication();    
			// 		var NSURL2 = plus.ios.importClass("NSURL");                          
			// 		var setting2 = NSURL2.URLWithString("app-settings:"); // 打开应用权限  
			// 		application2.openURL(setting2);    
			// 		plus.ios.deleteObject(setting2);    
			// 		plus.ios.deleteObject(NSURL2);    
			// 		plus.ios.deleteObject(application2);    
			// 	}    
			// }, 
			// {    
			// 	"buttons": ["不开启","去设置"],    
			// 	"verticalAlign": "center"    
			// });  
			方法2：
			uni.showModal({
				title:"",
				content:"定位权限没有开启，是否去开启？",
				success(res){
				 if (res.confirm) {
						plus.runtime.openURL("app-settings://");
					} else if (res.cancel) {
						console.log('用户点击取消');
					}
				}
			})
			break;
	}
	
// #endif

从网页点击某个按钮跳转到APP之后，正常使用，可是当你打开手机后台应用时却发现APP竟然在浏览器里，如下图

我擦，这怎么能行呢！，其实用户用起来也没啥感觉，就是在APP中使用的，只不过两者合体了，这样如果你想杀死浏览器或者APP时就尴尬了，体验不太好，

再说解决办法之前先说一下如何通过浏览器打开APP
1.在手机清单文件中，在你想要打开的Activity配置里添加如下：

 <!-- 注册scheme -->
            <intent-filter>
                <action android:name="android.intent.action.VIEW" />
                <category android:name="android.intent.category.DEFAULT" />
                <!-- BROWSABLE指定该Activity能被浏览器安全调用 -->
                <category android:name="android.intent.category.BROWSABLE" />
                <!-- 声明自定义scheme，类似于http, https -->
                <data android:scheme="我是Scheme名字" />
            </intent-filter>

这样在网页调用相关语句就可以唤醒该APP的此Activity了
网页部分俺也不太懂，就百度了一下，大体是通过JS点击语句中加这么一句

 window.location.href="palmos://";//打开某手机上的某个app应用
 "palmos://"是什么呢？它是在客户端设置一个URL Scheme名字

既然能跳转到 APP 肯定也能传一下参数咯，在相关的Activity中通过

getIntent().getData()

就能获取到网页传过来的一些参数，此时就可以进行一些判断逻辑的处理了

上面介绍的有点水，大体就是那个意思。。。。

接下来说一下浏览器嵌套APP的解决办法，亲测有效！

既然前台使用没有异常，后台浏览器和APP位置异常，可以考虑下是否是启动模式问题，当点击按钮之后应用异常可能是启动模式导致实例在站内的位置等因素导致的，标准模式和栈顶模式下都还会出现以上问题，栈内复用的时候嵌套问题解决了，但是APP在启动时，你点击浏览器跳转不会跳到对应界面，是的没错！单例模式解决了这个问题，目前没有发现异常

都说到启动模式了，这里简单说一下用法吧，具体场景和区别不多说了

在清单文件中Activity声明的地方进行注册，前面的截图中也有哦

标准模式 android:launchMode="standard"
栈内复用android:launchMode="singleTask"
栈顶复用android:launchMode="singleTop"
单例模式android:launchMode="singleInstance"

这里完善一下！因为昨天写完之后自测不充分，今天测试提出了以下问题：

1.通过以上方式确实使APP与浏览器分离了，但是由于启动模式加持，导致每次APP进入后台之后，点击图标再次进入时都会重启APP，这样肯定是不行的。

2.APP在运行时如果点击浏览器要打开APP同样也会重新启动APP，这样会使原有数据或多或少造成改变，也是不可取得。

思路：通过网上查找关于APP跳转的 scheme 相关，发现有的大佬也建议将启动模式改为复用模式，这样确实能解决APP重启问题，但是APP如果运行状态或者后台状态时，跳转之后是获取不到 getIntent() 数据的，会直接使用原有实例，效果不太理想

解决办法：假如说你想要浏览器打开之后的界面是启动页或者首页，不要直接在相应的清单文件中去注册scheme，这里建议不管是微信跳转还是浏览器跳转都不要直接去与对应界面进行交接，首先使用一个容器去当作跳转踏板。
比如说我的需求是浏览器点击之后跳转到我的界面，不要直接在我的Activity中去注册，首先建一个 Activity 去当作踏板，在踏板Activity的清单文件中进行注册，这样受影响的仅仅是踏板Activity。然后在踏板界面中进行getIntent() 逻辑操作，比如跳转到我的界面。跳转之后及时 finish() 掉踏板Activity ，这样踏板Activity还是使用单例模式启动。每次浏览器跳转之后都到踏板界面，因为踏板界面使用的是单例模式，APP与浏览器会分开，踏板界面完成任务后及时销毁，APP正常继续执行，这时就算APP回到后台还是点击图标都与踏板无关

以上就是实际思路，下面抛出踏板相关代码以供参考：

踏板Activity，这里没有建xml布局文件，仅仅继承一个Activity,因为他只是一个过客！

/**
 * 浏览器跳转的回调界面
 * */
public class NjscNetworkActivity extends Activity {

    public static boolean pdtId = false;//是否是网页跳转过来的

    protected void onCreate(Bundle savedInstanceState) {
        this.setTheme(16973839);
        super.onCreate(savedInstanceState);
        if (getIntent() != null && getIntent().getData() != null ) {
            //包含该字段说明浏览器跳转过来，进行我想要的操作
            if (getIntent().getData().toString().contains(qsPub.NJSCSD_LLQ_TZ_TG)) {
                //跳到我的界面
                this.startActivity(new Intent(NjscNetworkActivity.this, NjscNetworkActivity.class));

                pdtId = true;
            }else {
                pdtId = false;
            }
        }else {
            pdtId = false;
        }

        this.finish();
    }

}

踏板清单文件，注意这里的启动模式声明和scheme注册，经调试发现，用踏板形式打开之后，不在清单文件中声明启动模式，app同样没有嵌套在浏览器里，这里建议还是声明一下，防止个别机型同样会出现

 <!--浏览器跳转页-->
        <activity
            android:name="com.newtzt.activity.NjscNetworkActivity"
            android:configChanges="orientation|keyboardHidden|fontScale|screenSize"
            android:hardwareAccelerated="true"
            android:screenOrientation="portrait"
            android:launchMode="singleInstance"
            android:theme="@style/tztzz_HeadPage_Theme.tztZZWhite">
            <!-- 注册scheme -->
            <intent-filter>
                <action android:name="android.intent.action.VIEW" />
                <category android:name="android.intent.category.DEFAULT" />
                <!-- BROWSABLE指定该Activity能被浏览器安全调用 -->
                <category android:name="android.intent.category.BROWSABLE" />
                <!-- 声明自定义scheme，类似于http, https -->
                <data android:scheme="com.com.com" />
            </intent-filter>
        </activity>

以上就是浏览器打开APP之后，APP嵌套在浏览器里的解决思路以及遇到的问题，如果BUG继续完善，唉~