wap尝试调取app(网易新闻为例)

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>调起网易新闻app</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta content="yes" name="apple-touch-fullscreen">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no" />

		<style>
			a {
				display: block;
				width: ;
				text-decoration: none;
				background-color: #20A0FF;
				text-align: center;
				height: 2rem;
				line-height: 2rem;
				margin: 3rem auto;
			}
		</style>
	</head>

	<body>
		<a id="openApp">使用网易新闻客户端打开</a>
		<script>
			var s = document.getElementById("openApp");
			s.onclick = function() {
				var url = ‘newsapp://topic/S1515729142180?s=jiguang&spsug=ug&spsugdate=0&spsugextend=0‘;
				testApp(url);
			}
			function testApp(url) {
				var timeout, hasApp = true;
				var t1 = Date.now();
				var ifr = document.createElement("iframe");
				ifr.setAttribute(‘src‘, url);
				ifr.style.display = "none";
				document.body.appendChild(ifr);
				timeout = setTimeout(function() {
					var t2 = Date.now();
					if(t2 - t1 < 2000) {
						hasApp = false;
						if(is_IOS()) {
							location.href = "http://3g.163.com/links/4633";
							return;
						}
						location.href = "http://3g.163.com/links/4636";
					}
				}, 1000);

				location.href = url;
			}
			function is_IOS() {
				var userAgent = ‘navigator‘ in window && ‘userAgent‘ in navigator && navigator.userAgent.toLowerCase() || ‘‘;
				if(/iphone/i.test(userAgent) || /ipad/i.test(userAgent) || /ipod/i.test(userAgent)) {
					return true
				} else {
					return false;
				};
			}
		</script>
	</body>

</html>

  

原文地址:https://www.cnblogs.com/chengyunshen/p/8303680.html

时间: 2024-08-04 10:55:35

wap尝试调取app(网易新闻为例)的相关文章

UI基础之网易新闻demo小项目

网易新闻demo 结合前两天学习的导航控制器和tabbar控制器以及tableView 可以简单的搭建一个UI界面 以网易新闻为例 1 首先自定义一个tabbar控制器(此控制器继承于tabbar控制器)作为app的根控制器 为自定义的tabbar创建对应的五个item的控制器,并且进行设置tabbar的相应的基础设置 2 在appdelegate中初始化一个导航控制器 第一个控制器做为导航控制器的根控制器 3 在第一个页面的控制器中加载数据和添加子视图 首先是导航的设置 左按钮 右按钮 中间标

网易新闻app左右菜单特效ios实现

效果图 图标素材是从网易新闻app里拿出来的 具体实现步骤: 1:界面搭建 >>最底部是一个普通的UIView,内部有三个控件:imageview放背景图片的.leftmenu (自定义左侧菜单).rightmenu(自定义右边菜单) >>左侧菜单思路:一个大View里边包了六个button >>   ....已经1点多了洗洗睡了....后续未完....其实亲自动手敲一个小应用才发现不是那么简单....里边要大量的自定义控件.... 网易新闻app左右菜单特效ios实现

Android 开源框架ViewPageIndicator 和 ViewPager 仿网易新闻clientTab标签

之前用JakeWharton的开源框架ActionBarSherlock和ViewPager实现了对网易新闻clientTab标签的功能,ActionBarSherlock是在3.0下面的机器支持ActionBar的功能,有兴趣的能够看看开源框架ActionBarSherlock 和 ViewPager 仿网易新闻client,今天用到的是JakeWharton的还有一开源控件ViewPageIndicator.ViewPager想必大家都知道,Indicator指示器的意思,所以ViewPag

【黑马Android】(06)使用HttpClient方式请求网络/网易新闻案例

使用HttpClient方式请求网络 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent"

网易新闻部分框架

一 网易功能图 二 需要解决的问题 1> 搭建界面,设置标题 2> 处理标题按钮点击事件,处理常见的bug 3> 监听内容的滚动 4> 滚动范围的判断 5> 字体大小和颜色的渐变 三 内容显示和标题显示搭建 1 思路: 由总体app的效果,我们可以看出,标题和内容界面都是可以滚动的,而且标题还可以点击 2 具体方案:采用两个UIScrollView来实现. 3 显示内容的代码: #pragma mark - 创建控制器内容的scrollView - (void)setUpCh

关于仿网易新闻中详细页图文混排功能的实现

最近在了解关于新闻内容的图文混排的效果,网上有人开源一个仿网易新闻的代码,本文就是简单记录学习其详细页面显示的效果实现: 下载地址:https://github.com/dsxNiubility/SXNews 效果图: 其原理:通过网络请求获得相关的信息,再通过手机端进行拼HTML,然后在WebView进行展示,此处还对文章中的图片增加点击效果,可以保存到相册中:文章的样式已经存在项目中,直接去调用: 1:首先了解两个相关的实体对象,一个是新闻的主体内容,另外一个就是图片的相关信息实体: 1:主

网易新闻页面信息抓取 -- htmlagilitypack搭配scrapysharp

最近在弄网页爬虫这方面的,上网看到关于htmlagilitypack搭配scrapysharp的文章,于是决定试一试~ 于是到https://www.nuget.org/packages/ScrapySharp去看看, 看到这句下载提示:To install ScrapySharp, run the following command in the Package Manager Console PM> Install-Package ScrapySharp 接下去我就去找package man

IOS开发--仿制网易新闻

学习来源:<快速集成App中顶部标题滚动条> 效果: 根据这个网易新闻的界面,需求分析: 需要的对象: 1.导航控制器默认会生成的导航条,上面可以设置title(当然也可以另外自定义View设置导航条title) 2.切换页面的标题滚动区是一个ScrollView,在这个ScrollView上面添加六个UIButton,按顺序UIButton的文字是“头条.热点.视频.社会.订阅.科技”六个标题 3.切换内容的内容滚动区是一个ScrollView,在这个ScrollView上面分别和标题滚动区

网易新闻小案例

抓取网易新闻的接口,用代理服务器解决跨域,在前端页面上展示. 需要的文件有: index.html,app.js, headLine.html,headlineController.js, detail.html,detailController.js, 引入js文件:angular.js和angular-route.js, 服务器:nodePost.js. index.html内容,主界面显示,引入需要的文件 <!DOCTYPE html> <html ng-app="myA