iosh5app开发,h5 ios

H5开发的IOS App如何屏蔽长按选择文字弹出的气泡菜单？

使用css可以禁止：

.className {user-select: none; -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}

其实简单点你可以把文字做成图片 这样是最简单的 ，上面描述的方法可能有些老版本不一定有用。

当然你也可以试试用些H5制作软件来解决 epub360 IH5什么的

相关问答

Q1: h5 app发布需要审核吗?

如果是ios应用需要上架苹果市场的话，目前H5封装的APP是很难通过苹果商店的审核。

如果要是上架到安卓市场的话，如今很多的安卓市场需要软著的，这样的话就需要申请软著，申请完软著之后才可以上架到安卓市场中。

上架ios方法：

方法一、外包，速度完成与H5类似iOS版本的APP，然后至少还需要招聘一名iOS开发人员，以解决iOS版本的更新迭代。（工作量和成本都很高）。

方法二、针对AppStore进行包装。将HTML5应用用phonograph打包，取消HTML5中的弹簧效果等，让其看起来更像是一个原生应用。（适合刚开始进行HTML5开发人员，用phonegrap开发然后打包）。

Q2: iOS H5打开App(通用链接)

入秋了，路上会遇到用小贩用小货车拉着卖芒果，和去年一样，我会停下急匆匆的脚步，买几个。一则自己爱吃芒果不过敏，二则品尝下是否和去年一样熟悉的味道。

在微信里面点击的分享的商品:

浏览器如何知道手机是否安装了App呢，通过设置延时。

白名单如下:在这个 plist 文件中找到白名单很简单，因为微信已经达到了49个的上限，一个很扎眼的 “(49 items)” 的 “Array” 项 LSApplicationQueriesSchemes 就是我们要找的白名单了。我们可以看到诸如腾讯新闻 (qqnews), 腾讯视频 (tenvideo2) 都是在白名单内的。

使用它颁发给你的应用地址，向这个地址跳转，然后一切就交给微信了，直接无视微信什么的，直接带你飞到app内。具体可看腾讯应用宝Applink接入 文档 。举个例子，网易新闻。从网易新闻分享一条链接到微信，在微信里面点开链接。

优点:

缺点:

只支持iOS9及以上系统；当使用Universal Link打开APP之后，状态栏右上角会出现链接地址，点击它会取消Universal Link，需引导用户重新使用Safari再次打开该链接，弹出Safari内置APP广告条，再点击打开重新开启Universal Link。

说明： appID = teamId.yourapp's bundle identifier

paths = APP支持的路径列表，只有这些指定的路径的链接，才能被APP所处理，大小写敏感。举个例子，如果你的网站是 oap.aaa.com ，你的path写的是"/info/*"，那么当用户点击 path?params=value，就可以唤醒APP了，相反 就不会。此外Apple为了方便开发者，提供了一个 网址 来验证我们编写的这个apple-app-site-association是否合法有效,这个网址经过测试后有的有效果有的没有效果。下图是输入oia.zhihu.com之后的效果。

至此APP已经开启Universal Links，可以通过链接唤醒APP，并跳转至指定页面了。流程如下:

注：用于跳转打开app的域名需要支持https，如果是一级域名页面有个按钮，点击按钮跳转二级域名来打开app，那么二级域名需要支持https。这里DEMO的二级域名不支持https，所以采用的方案是二级域名跳转到一级域名来打开APP。

解决方案：在Safari中打开该页面，将网页拉倒最顶部，会出现一个悬浮框，点击悬浮框中的打开按钮，又跳回到app中打开指定页面，此时再回到微信浏览器中点击 "打开App"按钮，又能正常跳转到app了。

Universal Links 功能的接入其实相当于给某些 URL 添加了一种新的打开方式，但是旧的通过浏览器打开 URL 的方式仍然可用，当点击右上角跳转箭头时，相当于又设置这些特定 URL 的默认打开方式为浏览器而非 web，因此一键跳转功能此时会失效。反之通过点击顶部 "打开" 按钮，相当于又将这些特定 URL 的默认打开方式修改为 app ，一键跳转功能恢复正常。

在Safari中打开页面刚进入时，横条是隐藏的，一定要将页面拉到最顶部时才能显示。

[img]

Q3: H5页面与原生App（安卓，IOS）交互

       在客户端项目中，同一个app会开发成两个版本，一个是安卓版本，一个IOS版本，公司必须有两个开发团队（一个安卓团队，一个IOS团队）来进行开发，这样一来，开发成本非常之高。所以，往往在实际项目-中，会嵌套很多H5页面，一个H5页面同时兼容安卓和IOS两个系统 ，这样一来，大大减少了开发成本，前端开发页面就必须和原生进行交互。

1. 页面开发      —— 前端开发人员将所有的页面按照移动webappp进行开发，做好不同屏幕的适配（宽度100%,视口为移动端视口 (快捷方式meta:vp  tap），字体适配rem单位，设置html根标签的font-size然后根据媒体查询判断设备屏幕大小进而设置html根标签的不同fontsize，去除移动端高亮显示；小图标要善于使用字体图标（常用的字体图标库有阿里巴巴矢量图），改变input标签的默认样式可以采用隐藏input,然后通过字体图标来控制前面的图标，就可以做成自己想要的图标效果）

2.前端页面部署 —— 设置好入口文件（原生一进来就进入的页面，命名为index.html），部署到对应的服务器上，通过网址就能够访问到页面，将网址给app客户端开发人员，他们将app配置好环境后讲页面嵌套在app中。

3.进行数据对接：两种对接方式（1）.前端页面自己通过ajax去后台拉数据，然后自己在页面上使用再提交给后台。前提是原生需要将对应的设备号，加密方式，请求数据所需要的各种参数通过回调函数传递给H5页面，H5页面拿到这些数据后直接调后台的借口、获取到数据。（2）.前端页面不用自己去后台拉取数据，而是通过回调函数，获取到原生app拉取的数据，前端页面将这些数据处理后又通过回调函数交给app，再又app发送给后台。两种调用的优劣比较：如果H5页面及数据不是很多，使用第二种方式比较合理，不用H5页面请求数据（不用封装请求，不用加密数据），不使用框架，大大减少了页面的大小，提高性能及用户体验。如果涉及到的前端页面非常多，数据交互比较复杂的话，就必须使用第一种对接方式了，app只需要将设备号，加密规则，参数传递给H5，H5根据页面需求自己向后台拉去和请求数据，直接交互，不再通过app进行转接，减小复杂程度。

Q4: app开发方式比较

app开发方式比较如下：

1、原生开发是在安卓ios等移动平台上利用官方提供的开发语言、开发工具进行APP开发，由于利用的是官方提供的语言和工具，并且能够直接操控硬件设备，在应用性能上和交互体验上是最好的，但是远而生应用的可移植性比较差，特别是一款原生APP，安卓和ios都各自开发同样的逻辑界面，要写两套。

2、网页版APP开发是利用web技术进行的APP开发，我们知道web技术本身需要浏览器的支持才能进行展示和用户交互。H5开发的好处是可以跨平台编写代码，同时在androidiosWindows上运行。由于web技术本身的限制，H5移动应用不能直接访问硬件设备和离线储存，所以在用户体验和性能上啊有很大的局限性。

3、混合式开发是结合原生和H5开发的技术，取长补短一种的开发模式。原生代码部分，是利用插件或者其他的框架为H5提供一个容器程序啊，主要是在业务实现界面展示是利用H5相关的web技术上进行实现的，比如现在的京东、淘宝，今日头条等都是利用混合式开发的模式。

开发流程

首先，制作一款APP，必须要有相关的idea，也就是说，第一步是APP的idea形成。其次，就是通过那些idea来进行APP的主要功能设计以及大概界面构思和设计。接着是大功能模块代码编写以及大概的界面模块编写。在界面模块编写之前，开发者可以在模拟器做大的功能开发。

然后把大概的界面和功能连接后，app的大致demo就出来了。值得一提的是，如果有界面设计师，就能节省大量时间。比如界面设计上，可以编写功能模块和设计师同步进行。这样app的demo出来后，基本上可以有界面可以用了。

Q5: APP开发、H5和小程序有什么差别？

APP开发、H5和小程序有什么差别？

首先是使用体验上，三者的体验从高到低分别为app小程序H5。

app是基于手机操作系统做的应用开发，接口调用的是操作系统开放的接口，一般分为ios和安卓。原生开发的app使用流畅度是非常高的，给用户的体验比较好。

微信小程序是基于微信提供的接口做开发，相当于以微信作为操作系统，小程序是不分ios和安卓版本的，使用体验跟app相媲美。

H5相对于前两种体验就有点差了，对网络环境要求比较高，系统对用户的承载量也比前两者低。