CDN是Content Delivery Network的縮寫,簡單的說就是Bootstrap把自己的css、Js等文件托管到某一個網絡服務器上使用時調用。如果與Internet不通無法使用
CDN加速,可將文件下載到本地引用。
一、bootstrap的cdn
<!-- 新 Bootstrap 核心 CSS 文件 --> <link href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> <!-- 可選的Bootstrap主題文件(一般不使用) --> <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap-theme.min.css"></script> <!-- jQuery文件。務必在bootstrap.min.js 之前引入 --> <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script> <!-- 最新的 Bootstrap 核心 JavaScript 文件 --> <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
二、jQuery mobile的cdn
<!-- meta使用viewport以確保頁面可自由縮放 --> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- 引入 jQuery Mobile 樣式 --> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> <!-- 引入 jQuery 庫 --> <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> <!-- 引入 jQuery Mobile 庫 --> <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
使用cdn引用就可以不用在自己的本機上下載各個文件了,缺點就是地址不好記