js页面跳转_js按钮跳转页面代码_微信内页面js跳转代码

先说实现步骤再说原理:

使用步骤

js页面跳转,首先要给你要打开的应用中的activity设置过滤器(在清单文件里设置)

以JumpActivity为例

如下面的: 中就是所需过滤器

 
  
  
  
  
		
		
  
  
 
 

二,在JumpActivity中做打开后的处理,用来接收外部的跳转

public class JumpActivity extends Activity{ 
 @Override 
 protected void onCreate(Bundle savedInstanceState) { 
 // TODO Auto-generated method stub 
 super.onCreate(savedInstanceState); 
		
 Intent intent = getIntent();//在这个Activity里,我们可以通过getIntent(),来获取外部跳转传过来的信息。
 String data = intent.getDataString();//接收到网页传过来的数据:sharetest://data/http://www.huxiu.com/
 String[] split = data.split("data/");//以data/切割data字符串
 url = split[1]; //就得到:http://www.huxiu.com/(这就是我们需要网页传给我们的数据)
		。。。然后我们再通过网页打开app的同时就可以用获得的url数据做一些我们需要做的处理
		比如你在微信里浏览网页时打开自己的安卓app应用的同时,加载一个app内的网页
 } 
 
} 

三,我们需要找到html前端,让他们在网页中加入:

如下:index.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:

网页打开的应用apk:

js按钮跳转页面代码_js页面跳转_微信内页面js跳转代码

手机界面

这样在打开2048时会出现下面效果

js页面跳转_js按钮跳转页面代码_微信内页面js跳转代码

然后会跳转到下面应用

跳转成功

实现原理

最近,在使用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 
 

点击微信和QQ分享跳转到程序内部的原理与此一致。

写在后面:

由于微信在5.0.3以后就禁用了微信浏览器里打开别的app,所以上面的方法在微信里不能直接起作用。但是我们有补救方法,

1,通过跳转应用宝,来判断是否安装应用,如果安装应用宝会直接打开

2,引导用户在浏览器里打开当前网页,因为微信虽然禁止了android:scheme跳转,但是浏览器都是支持的。

有任何关于编程的问题都可以私信我,我看到后会及时解答。

编程小石头,为分享干货而生!据说js页面跳转,每个年轻上进,颜值又高的互联网人都关注了编程小石头。

限时特惠:本站每日持续更新海量展厅资源,一年会员只需29.9元,全站资源免费下载
站长微信:zhanting688