ios html混合开发中 怎么加载css

在IOS开发中，可以通过webView来加载HTML文件

创新互联公司专注于罗江企业网站建设,响应式网站设计,购物商城网站建设。罗江网站建设公司,为罗江等地区提供建站服务。全流程按需制作网站，专业设计，全程项目跟踪，创新互联公司专业和态度为您提供的服务

步骤如下：

1.需要有一个webView，可以通过storyboard拖拽一个 或者 alloc 一个（我在这里是拖拽了一个），是否要给webView设置delegate ，根据自己的需要决定（如果只是展示页面可以忽略）。

webView

2.创建HTML文件、CSS文件、js文件，同样的创建方式，只是后缀名不同。

New File - Other -Empty

创建HTML文件后缀名为：html，创建css文件后缀名为css，创建js文件后缀名为：js

创建HTML文件、CSS文件、js文件

这是创建完成后的样子

创建完成

3.在HTML文件，css文件，js文件中写入我们的代码。

在HTML文件中写入一些元素

!DOCTYPE html

html

head lang="zh"

meta charset="UTF-8"

title第一个HTML/title

link rel="stylesheet" type="text/css" href="index1.css"

script type="text/javascript" src="index1.js"/script

/head

body

h1我是HTML/h1

p id = "p"p标签/p

img id = "img" src = "image.png" alt = "百度LOGO"br/

a id = "a" href="[]()"我要到百度/a

br/br/br/

button onclick = "hello()"点击我弹出hello/button

/body

/html

在css文件中改变元素的属性

#p{

color:red;

}

#img{

width:120px;

height:50px;

}

#a{

color:yellow;

}

在js文件中写一个弹窗的函数

function hello(){

alert("hello");

}

这样我们的这三个文件就都写好了，可以通过webView来加载了 。

4.通过webView来加载这三个文件

在viewController的viewDidLoad方法中写入一下代码

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出来后，基本上可以有界面可以用了。

app混合开发和原生开发的区别

关于手机APP开发用混合还是原生现在说法不一，有说混合开发好：时间短、费用低、效果也不错，有说原生开发好，原生APP在性能方面比较好。app原生开发和混合开发的区别是什么呢？

混合模式 APP　　

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

优点：

①.开发效率高，节约时间同一套代码Android和IOS基本都可用；

②.更新和部署比较方便，不需要每次升级都要上传到App Store进行审核了，只需要在服务器端升级就可以；

③.代码维护方便、版本更新快，降低产品成本；

缺点：

①.由于不能直接操控硬件有些方面性能不是很好；

②.用户体验不如本地应用，性能稍慢（需要连接网络）；

原生模式 APP

原生模式开发代表着较好的用户体验和更快更高的性能。原生app开发采用的纯原生应用开发，是在Android、IOS等移动平台上利用官方提供的开发语言、开发类库、开发工具进行App开发。比如android是利用java、eclipse、Android studio，iOS是利用Objective-C 和Xcode进行开发。原生应用由于利用的是官方提供的语言和工具并且能够直接操控硬件设备（比如多点触控、NFC、读取短信等），在应用性能上和交互体验上应该是最好的，但是原生应用的可移植性比较差，特别是一款原生的App，Android和IOS都要各自开发，同样的逻辑、界面要写两套。

优点：

①.可访问手机所有功能、可实现功能齐全；

②.运行速度快、性能高，的用户体验；

③.比较快捷地使用设备端提供的接口，处理速度上有优势；

缺点：

①.开发成本高；

②.支持设备非常有限（一般是哪个系统就在哪个平台专属设备上使用）；

③.上线时间不确定（App Store审核过程不一）；

④.获得新版本时需重新下载应用更新；