备案控制台
开发者社区 开发与运维 文章 正文

WKWebView与Js实战(OC版)

2016-05-03 4644
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：

前言

上一篇专门讲解了WKWebView相关的所有类、代理的所有API。那么本篇讲些什么呢？当然是实战了！

本篇文章教大家如何使用WKWebView去实现常用的一些API操作。当然，也会有如何与JS交互的实战。

如果还没有阅读过WKWebView精讲(OC版)，请先阅读，不然有可能看不懂下面所讲的内容。

效果图

image

通过本篇文章，至少可以学习到：

  • OC如何给JS注入对象及JS如何给IOS发送数据
  • JS调用alert、confirm、prompt时，不采用JS原生提示，而是使用iOS原生来实现
  • 如何监听web内容加载进度、是否加载完成
  • 如何处理去跨域问题

创建配置类

在创建WKWebView之前，需要先创建配置对象，用于做一些配置：

1
2
3
 
WKWebViewConfiguration *config = [ [ WKWebViewConfiguration alloc ] init ] ;
 

配置偏好设置

偏好设置也没有必须去修改它，都使用默认的就可以了，除非你真的需要修改它：

1
2
3
4
5
6
7
8
9
10
 
// 设置偏好设置
config . preferences = [ [ WKPreferences alloc ] init ] ;
// 默认为0
config . preferences . minimumFontSize = 10 ;
// 默认认为YES
config . preferences . javaScriptEnabled = YES ;
// 在iOS上默认为NO，表示不能自动通过窗口打开
config . preferences . javaScriptCanOpenWindowsAutomatically = NO ;
 

配置web内容处理池

其实我们没有必要去创建它，因为它根本没有属性和方法：

1
2
3
4
 
// web内容处理池，由于没有属性可以设置，也没有方法可以调用，不用手动创建
config . processPool = [ [ WKProcessPool alloc ] init ] ;
 

配置Js与Web内容交互

WKUserContentController是用于给JS注入对象的，注入对象后，JS端就可以使用：

1
2
3
 
window . webkit . messageHandlers . <name> . postMessage ( <messageBody> )
 

来调用发送数据给iOS端，比如：

1
2
3
 
window . webkit . messageHandlers . AppModel . postMessage ( { body : '传数据' } ) ;
 

AppModel就是我们要注入的名称，注入以后，就可以在JS端调用了，传数据统一通过body传，可以是多种类型，只支持NSNumber, NSString, NSDate, NSArray,NSDictionary, and NSNull类型。

下面我们配置给JS的main frame注入AppModel名称，对于JS端可就是对象了：

1
2
3
4
5
6
7
8
 
// 通过JS与webview内容交互
config . userContentController = [ [ WKUserContentController alloc ] init ] ;
 
// 注入JS对象名称AppModel，当JS通过AppModel来调用时，
// 我们可以在WKScriptMessageHandler代理中接收到
[ config . userContentController addScriptMessageHandler :self name : @"AppModel" ] ;
 

当JS通过AppModel发送数据到iOS端时，会在代理中收到：

1
2
3
4
5
6
7
8
9
10
11
 
#pragma mark - WKScriptMessageHandler
- ( void ) userContentController : ( WKUserContentController * ) userContentController
      didReceiveScriptMessage : ( WKScriptMessage * ) message {
   if ( [ message . name isEqualToString : @"AppModel" ] ) {
     // 打印所传过来的参数，只支持NSNumber, NSString, NSDate, NSArray,
     // NSDictionary, and NSNull类型
     NSLog ( @"%@" , message . body ) ;
   }
}
 

所有JS调用iOS的部分，都只可以在此处使用哦。当然我们也可以注入多个名称（JS对象），用于区分功能。

创建WKWebView

通过唯一的默认构造器来创建对象：

1
2
3
4
5
 
self . webView = [ [ WKWebView alloc ] initWithFrame :self . view . bounds
                                configuration :config ] ;
[ self . view addSubview :self . webView ] ;                       
 

加载H5页面

1
2
3
4
 
NSURL *path = [ [ NSBundle mainBundle ] URLForResource : @"test" withExtension : @"html" ] ;
[ self . webView loadRequest : [ NSURLRequest requestWithURL :path ] ] ;
 

配置代理

如果需要处理web导航条上的代理处理，比如链接是否可以跳转或者如何跳转，需要设置代理；而如果需要与在JS调用alert、confirm、prompt函数时，通过JS原生来处理，而不是调用JS的alert、confirm、prompt函数，那么需要设置UIDelegate，在得到响应后可以将结果反馈到JS端：

1
2
3
4
5
6
 
// 导航代理
self . webView . navigationDelegate = self ;
// 与webview UI交互代理
self . webView . UIDelegate = self ;
 

添加对WKWebView属性的监听

WKWebView有好多个支持KVO的属性，这里只是监听loading、title、estimatedProgress属性，分别用于判断是否正在加载、获取页面标题、当前页面载入进度：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
// 添加KVO监听
[ self . webView addObserver :self
             forKeyPath : @"loading"
                options :NSKeyValueObservingOptionNew
                context :nil ] ;
[ self . webView addObserver :self
             forKeyPath : @"title"
                options :NSKeyValueObservingOptionNew
                context :nil ] ;
[ self . webView addObserver :self
             forKeyPath : @"estimatedProgress"
                options :NSKeyValueObservingOptionNew
                context :nil ] ;
  
 

然后我们就可以实现KVO处理方法，在loading完成时，可以注入一些JS到web中。这里只是简单地执行一段web中的JS函数：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
 
#pragma mark - KVO
- ( void ) observeValueForKeyPath : ( NSString * ) keyPath
                      ofObject : ( id ) object
                        change : ( NSDictionary < NSString * , id > * ) change
                       context : ( void * ) context {
   if ( [ keyPath isEqualToString : @"loading" ] ) {
     NSLog ( @"loading" ) ;
   } else if ( [ keyPath isEqualToString : @"title" ] ) {
     self . title = self . webView . title ;
   } else if ( [ keyPath isEqualToString : @"estimatedProgress" ] ) {
     NSLog ( @"progress: %f" , self . webView . estimatedProgress ) ;
     self . progressView . progress = self . webView . estimatedProgress ;
   }
  
   // 加载完成
   if ( ! self . webView . loading ) {
     // 手动调用JS代码
     // 每次页面完成都弹出来，大家可以在测试时再打开
     NSString *js = @"callJsAlert()" ;
     [ self . webView evaluateJavaScript :js completionHandler : ^ ( id _Nullable response , NSError * _Nullable error ) {
       NSLog ( @"response: %@ error: %@" , response , error ) ;
       NSLog ( @"call js alert by native" ) ;
     } ] ;
    
     [ UIView animateWithDuration : 0.5 animations : ^ {
       self . progressView . alpha = 0 ;
     } ] ;
   }
}
 
 

WKUIDelegate

与JS原生的alert、confirm、prompt交互，将弹出来的实际上是我们原生的窗口，而不是JS的。在得到数据后，由原生传回到JS：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
 
#pragma mark - WKUIDelegate
- ( void ) webViewDidClose : ( WKWebView * ) webView {
     NSLog ( @"%s" , __FUNCTION__ ) ;
}
 
// 在JS端调用alert函数时，会触发此代理方法。
// JS端调用alert时所传的数据可以通过message拿到
// 在原生得到结果后，需要回调JS，是通过completionHandler回调
- ( void ) webView : ( WKWebView * ) webView runJavaScriptAlertPanelWithMessage : ( NSString * ) message initiatedByFrame : ( WKFrameInfo * ) frame completionHandler : ( void ( ^ ) ( void ) ) completionHandler {
   NSLog ( @"%s" , __FUNCTION__ ) ;
   UIAlertController *alert = [ UIAlertController alertControllerWithTitle : @"alert" message : @"JS调用alert" preferredStyle :UIAlertControllerStyleAlert ] ;
   [ alert addAction : [ UIAlertAction actionWithTitle : @"确定" style :UIAlertActionStyleDefault handler : ^ ( UIAlertAction * _Nonnull action ) {
     completionHandler ( ) ;
   } ] ] ;
  
   [ self presentViewController :alert animated :YES completion :NULL ] ;
   NSLog ( @"%@" , message ) ;
}
 
// JS端调用confirm函数时，会触发此方法
// 通过message可以拿到JS端所传的数据
// 在iOS端显示原生alert得到YES/NO后
// 通过completionHandler回调给JS端
- ( void ) webView : ( WKWebView * ) webView runJavaScriptConfirmPanelWithMessage : ( NSString * ) message initiatedByFrame : ( WKFrameInfo * ) frame completionHandler : ( void ( ^ ) ( BOOL result ) ) completionHandler {
   NSLog ( @"%s" , __FUNCTION__ ) ;
  
   UIAlertController *alert = [ UIAlertController alertControllerWithTitle : @"confirm" message : @"JS调用confirm" preferredStyle :UIAlertControllerStyleAlert ] ;
   [ alert addAction : [ UIAlertAction actionWithTitle : @"确定" style :UIAlertActionStyleDefault handler : ^ ( UIAlertAction * _Nonnull action ) {
     completionHandler ( YES ) ;
   } ] ] ;
   [ alert addAction : [ UIAlertAction actionWithTitle : @"取消" style :UIAlertActionStyleCancel handler : ^ ( UIAlertAction * _Nonnull action ) {
     completionHandler ( NO ) ;
   } ] ] ;
   [ self presentViewController :alert animated :YES completion :NULL ] ;
  
   NSLog ( @"%@" , message ) ;
}
 
// JS端调用prompt函数时，会触发此方法
// 要求输入一段文本
// 在原生输入得到文本内容后，通过completionHandler回调给JS
- ( void ) webView : ( WKWebView * ) webView runJavaScriptTextInputPanelWithPrompt : ( NSString * ) prompt defaultText : ( nullable NSString * ) defaultText initiatedByFrame : ( WKFrameInfo * ) frame completionHandler : ( void ( ^ ) ( NSString * __nullable result ) ) completionHandler {
   NSLog ( @"%s" , __FUNCTION__ ) ;
  
   NSLog ( @"%@" , prompt ) ;
   UIAlertController *alert = [ UIAlertController alertControllerWithTitle : @"textinput" message : @"JS调用输入框" preferredStyle :UIAlertControllerStyleAlert ] ;
   [ alert addTextFieldWithConfigurationHandler : ^ ( UITextField * _Nonnull textField ) {
     textField . textColor = [ UIColor redColor ] ;
   } ] ;
  
   [ alert addAction : [ UIAlertAction actionWithTitle : @"确定" style :UIAlertActionStyleDefault handler : ^ ( UIAlertAction * _Nonnull action ) {
     completionHandler ( [ [ alert . textFields lastObject ] text ] ) ;
   } ] ] ;
  
   [ self presentViewController :alert animated :YES completion :NULL ] ;
}
 

WKNavigationDelegate

如果需要处理web导航操作，比如链接跳转、接收响应、在导航开始、成功、失败等时要做些处理，就可以通过实现相关的代理方法：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
 
#pragma mark - WKNavigationDelegate
// 请求开始前，会先调用此代理方法
// 与UIWebView的
// - (BOOL)webView:(UIWebView *)webView
// shouldStartLoadWithRequest:(NSURLRequest *)request
// navigationType:(UIWebViewNavigationType)navigationType;
// 类型，在请求先判断能不能跳转（请求）
- ( void ) webView : ( WKWebView * ) webView decidePolicyForNavigationAction : ( WKNavigationAction * ) navigationAction decisionHandler : ( void ( ^ ) ( WKNavigationActionPolicy ) ) decisionHandler {
   NSString *hostname = navigationAction . request . URL . host . lowercaseString ;
   if ( navigationAction . navigationType == WKNavigationTypeLinkActivated
       && ! [ hostname containsString : @".baidu.com" ] ) {
// 对于跨域，需要手动跳转
     [ [ UIApplication sharedApplication ] openURL :navigationAction . request . URL ] ;
    
     // 不允许web内跳转
     decisionHandler ( WKNavigationActionPolicyCancel ) ;
   } else {
     self . progressView . alpha = 1.0 ;
     decisionHandler ( WKNavigationActionPolicyAllow ) ;
   }
  
     NSLog ( @"%s" , __FUNCTION__ ) ;
}
 
// 在响应完成时，会回调此方法
// 如果设置为不允许响应，web内容就不会传过来
- ( void ) webView : ( WKWebView * ) webView decidePolicyForNavigationResponse : ( WKNavigationResponse * ) navigationResponse decisionHandler : ( void ( ^ ) ( WKNavigationResponsePolicy ) ) decisionHandler {
   decisionHandler ( WKNavigationResponsePolicyAllow ) ;
   NSLog ( @"%s" , __FUNCTION__ ) ;
}
 
// 开始导航跳转时会回调
- ( void ) webView : ( WKWebView * ) webView didStartProvisionalNavigation : ( null_unspecified WKNavigation * ) navigation {
     NSLog ( @"%s" , __FUNCTION__ ) ;
}
 
// 接收到重定向时会回调
- ( void ) webView : ( WKWebView * ) webView didReceiveServerRedirectForProvisionalNavigation : ( null_unspecified WKNavigation * ) navigation {
     NSLog ( @"%s" , __FUNCTION__ ) ;
}
 
// 导航失败时会回调
- ( void ) webView : ( WKWebView * ) webView didFailProvisionalNavigation : ( null_unspecified WKNavigation * ) navigation withError : ( NSError * ) error {
     NSLog ( @"%s" , __FUNCTION__ ) ;
}
 
// 页面内容到达main frame时回调
- ( void ) webView : ( WKWebView * ) webView didCommitNavigation : ( null_unspecified WKNavigation * ) navigation {
     NSLog ( @"%s" , __FUNCTION__ ) ;
}
 
// 导航完成时，会回调（也就是页面载入完成了）
- ( void ) webView : ( WKWebView * ) webView didFinishNavigation : ( null_unspecified WKNavigation * ) navigation {
     NSLog ( @"%s" , __FUNCTION__ ) ;
}
 
// 导航失败时会回调
- ( void ) webView : ( WKWebView * ) webView didFailNavigation : ( null_unspecified WKNavigation * ) navigation withError : ( NSError * ) error {
  
}
 
// 对于HTTPS的都会触发此代理，如果不要求验证，传默认就行
// 如果需要证书验证，与使用AFN进行HTTPS证书验证是一样的
- ( void ) webView : ( WKWebView * ) webView didReceiveAuthenticationChallenge : ( NSURLAuthenticationChallenge * ) challenge completionHandler : ( void ( ^ ) ( NSURLSessionAuthChallengeDisposition disposition , NSURLCredential * __nullable credential ) ) completionHandler {
     NSLog ( @"%s" , __FUNCTION__ ) ;
   completionHandler ( NSURLSessionAuthChallengePerformDefaultHandling , nil ) ;
}
 
// 9.0才能使用，web内容处理中断时会触发
- ( void ) webViewWebContentProcessDidTerminate : ( WKWebView * ) webView {
     NSLog ( @"%s" , __FUNCTION__ ) ;
}
 

JS端代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
 
< ! DOCTYPE html >
<html>
   <head>
     <title> iOS and Js < / title >
     <style type ="text/css">
      * {
         font-size : 40px ;
       }
     </style>
   < / head >
  
   <body>
    
     < div style = "margin-top: 100px" >
       < h1 > Test how to use objective - c call js < / h1 > < br / >
       <div> < input type = "button" value = "call js alert" onclick = "callJsAlert()" > < / div >
       < br / >
       <div> < input type = "button" value = "Call js confirm" onclick = "callJsConfirm()" > < / div > < br / >
     < / div >
     < br / >
     <div>
       <div> < input type = "button" value = "Call Js prompt " onclick = "callJsInput()" > < / div > < br / >
       <div> Click me here : < a href = "http://www.baidu.com" > Jump to Baidu < / a > < / div >
     < / div >
    
     < br / >
     < div id = "SwiftDiv" >
       < span id = "jsParamFuncSpan" style = "color: red; font-size: 50px;" > < / span >
     < / div >
    
     <script type = "text/javascript" >
       function callJsAlert ( ) {
         alert ( 'Objective-C call js to show alert' ) ;
        
         window . webkit . messageHandlers . AppModel . postMessage ( { body : 'call js alert in js' } ) ;
       }
    
     function callJsConfirm ( ) {
       if ( confirm ( 'confirm' , 'Objective-C call js to show confirm' ) ) {
         document . getElementById ( 'jsParamFuncSpan' ) . innerHTML
         = 'true' ;
       } else {
         document . getElementById ( 'jsParamFuncSpan' ) . innerHTML
         = 'false' ;
       }
      
       // AppModel是我们所注入的对象
       window . webkit . messageHandlers . AppModel . postMessage ( { body : 'call js confirm in js' } ) ;
     }
    
     function callJsInput ( ) {
       var response = prompt ( 'Hello' , 'Please input your name:' ) ;
       document . getElementById ( 'jsParamFuncSpan' ) . innerHTML = response ;
      
       // AppModel是我们所注入的对象
       window . webkit . messageHandlers . AppModel . postMessage ( { body : response } ) ;
     }
   </script>
   < / body >
< / html >
 

源代码

下载源代码：WKWebViewH5ObjCDemo

关注GITHUB：CoderJackyHuang

推荐阅读

文章标签：
JavaScript
Android开发
iOS开发
前端开发
移动开发
API
Swift
关键词：
JavaScript实战
wkwebview JavaScript
hybcoder
目录
相关文章
梦回故国楼台梦
|
18天前
|
设计模式 前端开发 JavaScript
【JavaScript 技术专栏】JavaScript 设计模式与实战应用
【4月更文挑战第30天】本文探讨JavaScript设计模式在提升开发效率和代码质量中的关键作用。涵盖单例、工厂、观察者、装饰器和策略模式，并通过实例阐述其在全局状态管理、复杂对象创建、实时数据更新、功能扩展和算法切换的应用。理解并运用这些模式能帮助开发者应对复杂项目，提升前端开发能力。
梦回故国楼台梦
21 0
长梦
|
18天前
|
JavaScript 前端开发 算法
JavaScript 中的 if 判断：深入理解、实战应用与进阶技巧
【4月更文挑战第7天】探索 JavaScript 中的 if 判断语句，它是构建逻辑清晰程序的基础。了解其概念、语法、应用示例及编程技巧，包括条件控制、else if 结构、三目运算符。注意条件表达式简洁性，避免 falsy 值陷阱，利用逻辑运算符优化，并减少 if 嵌套。实践这些技巧将提升编程能力和代码质量。
长梦
31 0
长梦
|
18天前
|
JavaScript 前端开发 算法
JavaScript 中算术操作符：全面解读、实战应用与最佳实践
【4月更文挑战第5天】本文探讨JavaScript中的算术操作符，包括加、减、乘、除、求余、自增、自减及复合赋值等，强调理解与熟练运用它们对提升编程效率和代码准确性的重要性。文中通过示例介绍了各种操作符的用法，同时提醒注意数据类型转换、浮点数精度、除以零错误以及利用短路求值优化逻辑等问题。通过学习，读者能更好地掌握算术操作符在不同场景的应用，提升编程技能。
长梦
26 1
亚丁号
|
18天前
|
JavaScript Android开发
AutoJs4.1.0实战教程---js文件打包发布成APK文件
AutoJs4.1.0实战教程---js文件打包发布成APK文件
亚丁号
223 0
AutoJs4.1.0实战教程---js文件打包发布成APK文件
游客rihqhtgkydneq
|
18天前
|
数据采集 并行计算 JavaScript
实战指南：在 Node.js 中利用多线程提升性能
在 Node.js 的世界中，多线程技术一直是一个受到广泛关注的领域。最初，Node.js 设计为单线程模式。随着技术发展，Node.js 引入了多线程支持，进而利用多核处理器的强大性能，提升了应用性能。接下来的内容将深入探讨 Node.js 如何实现多线程，以及在何种场合应该采用这种技术。
游客rihqhtgkydneq
273 1
程序员小豪
|
18天前
|
人工智能 JavaScript 前端开发
【前端｜JS实战第1篇】使用JS来实现属于自己的贪吃蛇游戏！
【前端｜JS实战第1篇】使用JS来实现属于自己的贪吃蛇游戏！
程序员小豪
76 0
天涯学馆
|
11天前
|
数据可视化 JavaScript 架构师
D3.js实战：数据可视化高级技巧实例应用
本文介绍了D3.js入门，包括创建HTML文件引入库、绘制简单线图、柱状图和饼图。示例展示了数据绑定、交互性和动画效果，如柱状图的悬停效果和线图的数据平滑过渡。此外，还提及力导向图和地图可视化的实现，以及使用Enter, Update, Exit模式进行动态更新。最后提到了复杂图表和高级技巧，如使用组件库、动画、交互性和性能优化。
天涯学馆
27 0
郏国上
|
11天前
|
缓存 移动开发 JavaScript
WKWebView对网页和js，css，png等资源文件的缓存机制及如何刷新缓存
WKWebView对网页和js，css，png等资源文件的缓存机制及如何刷新缓存
郏国上
24 1
郏国上
|
11天前
|
移动开发 JavaScript iOS开发
WKWebView和js互调方法的实现
WKWebView和js互调方法的实现
郏国上
16 0
老板这功能得加钱
|
16天前
|
JSON JavaScript 前端开发
web前端入门到实战：32道常见的js面试题，2024年最新秋招是直接面试吗
web前端入门到实战：32道常见的js面试题，2024年最新秋招是直接面试吗
老板这功能得加钱
24 1

热门文章

最新文章

  • 1
    2017年 JavaScript 框架回顾 -- 前端框架
  • 2
    转换Json到XML的JavaScript实现
  • 3
    JS：2.1，流程控制(if,switch)高级
  • 4
    再探Javascript词法作用域
  • 5
    JavaScript6 新语法 let 有什么优势？
  • 6
    JavaScript -- 类型转换
  • 7
    javascript中外部js文件取得自身完整路径得办法
  • 8
    js实现复制功能
  • 9
    js练习2(24小时倒计时)
  • 10
    javaScript JSP HTML Java CSS 注释
  • 1
    JavaScript字符串检查：从基础到高级
    29
  • 2
    使用 JavaScript 获取 URL 参数的详细指南
    2078
  • 3
    监控内网电脑软件设计与实现：基于Node.js的服务器端架构分析
    151
  • 4
    Java Script 中的垃圾回收机制有哪些缺点
    23
  • 5
    描述 JavaScript 中的垃圾回收机制。
    26
  • 6
    如何使用 JavaScript 操作 DOM？
    22
  • 7
    解释 JavaScript 中的`map()`、`filter()`和`reduce()`方法的用途。
    25
  • 8
    JavaScript 中的数组方法有哪些？
    13
  • 9
    JS设置日期为0时0分0秒
    43
  • 10
    JavaScript随手笔记 --- 对数据进行判断最大位数是否超过八位
    29

    • 相关课程

    更多
  • JavaScript入门与实战
  • JavaScript 自学手册文档教程
  • Vue.js 入门与实战
  • Node.js 入门教程文档
  • jQuery开发教程
  • Vue.js完全自学手册图文教程

    • 相关电子书

    更多
  • JavaScript面向对象的程序设计
  • Delivering Javascript to World
  • 编程语言如何演化-以JS的private为例

    • 相关实验场景

    更多
  • Html5和Webpack2：Webpack5打包JS和样式表
  • 前端开发基础6：Node.js和LESS预编译工具
  • 搭建Node.js编程环境
    • 下一篇
    2024年阿里云免费云服务器及学生云服务器申请教程参考