swift使用webview加载本地html，html里引入本地的css，js

朋也的博客 » 首页 » 文章

swift使用webview加载本地html，html里引入本地的css，js

作者：朋也
日期：2018-10-31
类别：swift学习笔记(纯代码)

版权声明：自由转载-非商用-非衍生-保持署名（创意共享3.0许可证）

首先把静态页面写好，建议不要在xcode里写，着实难用，可以用sublime/vscode之类的编辑器来写html，css，js，写好之后，打开xcode，把静态页面文件夹直接拖动到项目里，弹出窗口上选择 create group，如下图

我这的目录结构是这样的

html引入css，js写法如下

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,user-scalable=no" />
  <link rel="stylesheet" href="app.css">
  <script src="underscore.min.js"></script>
</head>

<body>
</body>

下面是swift里通过代码加载html

// 将页面内容转成string
let TOPICDETAILHTML = try! String(contentsOfFile: Bundle.main.path(forResource: "topic_detail", ofType: "html")!, encoding: String.Encoding.utf8)

// 通过webview加载
webView.loadHTMLString(TOPICDETAILHTML, baseURL: Bundle.main.resourceURL)

然后运行项目，页面就加载进来了，然后就可以通过swift与webview之间交互来开发了，详见博客 https://atjiu.github.io/2018/07/05/swift-webview-javascript/

swift使用webview加载本地html，html里引入本地的css，js

相关文章