You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@weex.apache.org by so...@apache.org on 2017/03/02 03:54:29 UTC

[37/39] incubator-weex-site git commit: * update site

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/advanced/extend-jsfm.html
----------------------------------------------------------------------
diff --git a/content/cn/references/advanced/extend-jsfm.html b/content/cn/references/advanced/extend-jsfm.html
index 9b3148f..620842e 100644
--- a/content/cn/references/advanced/extend-jsfm.html
+++ b/content/cn/references/advanced/extend-jsfm.html
@@ -5,49 +5,6 @@
   
   <title>\u62d3\u5c55 JS framework | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u5b9a\u5236\u81ea\u5df1\u7684 JS Framework\u8fd9\u90e8\u5206\u6269\u5c55\u80fd\u529b\u8fd8\u5728\u8ba8\u8bba\u5c1d\u8bd5\u4e2d\uff0c\u53ef\u80fd\u968f\u65f6\u4f1a\u6709\u8c03\u6574\uff0c\u8bf7\u7559\u610f\u3002
 Weex \u5e0c\u671b\u80fd\u591f\u5c0a\u91cd\u5c3d\u53ef\u80fd\u591a\u7684\u5f00\u53d1\u8005\u7684\u4f7f\u7528\u4e60\u60ef\uff0c\u6240\u4ee5\u9664\u4e86 Weex \u5b98\u65b9\u652f\u6301\u7684 Vue 2.0 \u4e4b\u5916\uff0c\u5f00\u53d1\u8005\u8fd8\u53ef\u4ee5\u5b9a\u5236\u5e76\u6a2a\u5411\u6269\u5c55\u81ea\u5df1\u7684\u6216\u81ea\u5df1\u559c\u6b22\u7684 JS Framework\u3002\u5b8c\u6574\u4e00\u5957 JS Framework \u7684\u5b9a\u5236\u548c\u6269\u5c55\u9700\u8981\u4ee5\u4e0b\u51e0\u4e2a\u6b65\u9aa4\uff1a
 
@@ -62,7 +19,7 @@ Weex \u5e0c\u671b\u80fd\u591f\u5c0a\u91cd\u5c3d\u53ef\u80fd\u591a\u7684\u5f00\u53d1\u8005\u7684\u4f7f\u7528\u4e60\u60ef\uff0c\u6240\u4ee5\u9664\u4e86 We
 
 \u9996\u5148\u4f60\u8981\u6709\u4e00\u5957\u5b8c\u6574\u7684 JS Framework\u3002
 \u4e86\u89e3 We">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:28:11.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u62d3\u5c55 JS framework">
 <meta name="twitter:description" content="\u5b9a\u5236\u81ea\u5df1\u7684 JS Framework\u8fd9\u90e8\u5206\u6269\u5c55\u80fd\u529b\u8fd8\u5728\u8ba8\u8bba\u5c1d\u8bd5\u4e2d\uff0c\u53ef\u80fd\u968f\u65f6\u4f1a\u6709\u8c03\u6574\uff0c\u8bf7\u7559\u610f\u3002
@@ -127,13 +84,29 @@ Weex \u5e0c\u671b\u80fd\u591f\u5c0a\u91cd\u5c3d\u53ef\u80fd\u591a\u7684\u5f00\u53d1\u8005\u7684\u4f7f\u7528\u4e60\u60ef\uff0c\u6240\u4ee5\u9664\u4e86 We
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/advanced/extend-jsfm.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/advanced/extend-jsfm.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -150,7 +123,7 @@ Weex \u5e0c\u671b\u80fd\u591f\u5c0a\u91cd\u5c3d\u53ef\u80fd\u591a\u7684\u5f00\u53d1\u8005\u7684\u4f7f\u7528\u4e60\u60ef\uff0c\u6240\u4ee5\u9664\u4e86 We
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -521,11 +494,11 @@ Weex \u5e0c\u671b\u80fd\u591f\u5c0a\u91cd\u5c3d\u53ef\u80fd\u591a\u7684\u5f00\u53d1\u8005\u7684\u4f7f\u7528\u4e60\u60ef\uff0c\u6240\u4ee5\u9664\u4e86 We
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -557,11 +530,11 @@ Weex \u5e0c\u671b\u80fd\u591f\u5c0a\u91cd\u5c3d\u53ef\u80fd\u591a\u7684\u5f00\u53d1\u8005\u7684\u4f7f\u7528\u4e60\u60ef\uff0c\u6240\u4ee5\u9664\u4e86 We
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -594,11 +567,11 @@ Weex \u5e0c\u671b\u80fd\u591f\u5c0a\u91cd\u5c3d\u53ef\u80fd\u591a\u7684\u5f00\u53d1\u8005\u7684\u4f7f\u7528\u4e60\u60ef\uff0c\u6240\u4ee5\u9664\u4e86 We
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -741,7 +714,7 @@ Weex \u5e0c\u671b\u80fd\u591f\u5c0a\u91cd\u5c3d\u53ef\u80fd\u591a\u7684\u5f00\u53d1\u8005\u7684\u4f7f\u7528\u4e60\u60ef\uff0c\u6240\u4ee5\u9664\u4e86 We
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1117,11 +1090,11 @@ Weex \u5e0c\u671b\u80fd\u591f\u5c0a\u91cd\u5c3d\u53ef\u80fd\u591a\u7684\u5f00\u53d1\u8005\u7684\u4f7f\u7528\u4e60\u60ef\uff0c\u6240\u4ee5\u9664\u4e86 We
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1153,11 +1126,11 @@ Weex \u5e0c\u671b\u80fd\u591f\u5c0a\u91cd\u5c3d\u53ef\u80fd\u591a\u7684\u5f00\u53d1\u8005\u7684\u4f7f\u7528\u4e60\u60ef\uff0c\u6240\u4ee5\u9664\u4e86 We
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1190,11 +1163,11 @@ Weex \u5e0c\u671b\u80fd\u591f\u5c0a\u91cd\u5c3d\u53ef\u80fd\u591a\u7684\u5f00\u53d1\u8005\u7684\u4f7f\u7528\u4e60\u60ef\uff0c\u6240\u4ee5\u9664\u4e86 We
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1337,7 +1310,7 @@ Weex \u5e0c\u671b\u80fd\u591f\u5c0a\u91cd\u5c3d\u53ef\u80fd\u591a\u7684\u5f00\u53d1\u8005\u7684\u4f7f\u7528\u4e60\u60ef\uff0c\u6240\u4ee5\u9664\u4e86 We
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1355,7 +1328,7 @@ Weex \u5e0c\u671b\u80fd\u591f\u5c0a\u91cd\u5c3d\u53ef\u80fd\u591a\u7684\u5f00\u53d1\u8005\u7684\u4f7f\u7528\u4e60\u60ef\uff0c\u6240\u4ee5\u9664\u4e86 We
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:28:11.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="\u5b9a\u5236\u81ea\u5df1\u7684-JS-Framework"><a href="#\u5b9a\u5236\u81ea\u5df1\u7684-JS-Framework" class="headerlink" title="\u5b9a\u5236\u81ea\u5df1\u7684 JS Framework"></a>\u5b9a\u5236\u81ea\u5df1\u7684 JS Framework</h1><p><em>\u8fd9\u90e8\u5206\u6269\u5c55\u80fd\u529b\u8fd8\u5728\u8ba8\u8bba\u5c1d\u8bd5\u4e2d\uff0c\u53ef\u80fd\u968f\u65f6\u4f1a\u6709\u8c03\u6574\uff0c\u8bf7\u7559\u610f\u3002</em></p>
 <p>Weex \u5e0c\u671b\u80fd\u591f\u5c0a\u91cd\u5c3d\u53ef\u80fd\u591a\u7684\u5f00\u53d1\u8005\u7684\u4f7f\u7528\u4e60\u60ef\uff0c\u6240\u4ee5\u9664\u4e86 Weex \u5b98\u65b9\u652f\u6301\u7684 Vue 2.0 \u4e4b\u5916\uff0c\u5f00\u53d1\u8005\u8fd8\u53ef\u4ee5\u5b9a\u5236\u5e76\u6a2a\u5411\u6269\u5c55\u81ea\u5df1\u7684\u6216\u81ea\u5df1\u559c\u6b22\u7684 JS Framework\u3002\u5b8c\u6574\u4e00\u5957 JS Framework \u7684\u5b9a\u5236\u548c\u6269\u5c55\u9700\u8981\u4ee5\u4e0b\u51e0\u4e2a\u6b65\u9aa4\uff1a</p>
@@ -1483,7 +1456,7 @@ Weex \u5e0c\u671b\u80fd\u591f\u5c0a\u91cd\u5c3d\u53ef\u80fd\u591a\u7684\u5f00\u53d1\u8005\u7684\u4f7f\u7528\u4e60\u60ef\uff0c\u6240\u4ee5\u9664\u4e86 We
           <a href="/references/advanced/extend-jsfm.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/advanced/extend-jsfm.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/advanced/extend-jsfm.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/advanced/extend-to-android.html
----------------------------------------------------------------------
diff --git a/content/cn/references/advanced/extend-to-android.html b/content/cn/references/advanced/extend-to-android.html
index 7730523..1a31271 100644
--- a/content/cn/references/advanced/extend-to-android.html
+++ b/content/cn/references/advanced/extend-to-android.html
@@ -5,49 +5,6 @@
   
   <title>Android \u6269\u5c55 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Android \u6269\u5c55Weex \u63d0\u4f9b\u4e86\u6269\u5c55\u673a\u5236\uff0c\u53ef\u4ee5\u6839\u636e\u81ea\u5df1\u7684\u4e1a\u52a1\u8fdb\u884c\u5b9a\u5236\u81ea\u5df1\u7684\u529f\u80fd\u3002\u4e3b\u8981\u5206\u4e3a\u4e24\u7c7b\u6269\u5c55\uff1a  
 
 Module \u6269\u5c55 \u975e UI \u7684\u7279\u5b9a\u529f\u80fd\u3002\u4f8b\u5982 sendHttp\u3001openURL \u7b49\u3002
@@ -62,7 +19,7 @@ Adapter \u6269\u5c55 Weex \u5bf9\u4e00\u4e9b\u57fa\u7840\u529f\u80fd\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684\u63a5\u53e3\uff0c\u53ef\u5b9e\u73b0">
 Module \u6269\u5c55 \u975e UI \u7684\u7279\u5b9a\u529f\u80fd\u3002\u4f8b\u5982 sendHttp\u3001openURL \u7b49\u3002
 Component \u6269\u5c55 \u5b9e\u73b0\u7279\u522b\u529f\u80fd\u7684 Native \u63a7\u4ef6\u3002\u4f8b\u5982\uff1aRichTextview\uff0cRefreshListview \u7b49\u3002
 Adapter \u6269\u5c55 Weex \u5bf9\u4e00\u4e9b\u57fa\u7840\u529f\u80fd\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684\u63a5\u53e3\uff0c\u53ef\u5b9e\u73b0">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:28:11.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Android \u6269\u5c55">
 <meta name="twitter:description" content="Android \u6269\u5c55Weex \u63d0\u4f9b\u4e86\u6269\u5c55\u673a\u5236\uff0c\u53ef\u4ee5\u6839\u636e\u81ea\u5df1\u7684\u4e1a\u52a1\u8fdb\u884c\u5b9a\u5236\u81ea\u5df1\u7684\u529f\u80fd\u3002\u4e3b\u8981\u5206\u4e3a\u4e24\u7c7b\u6269\u5c55\uff1a  
@@ -127,13 +84,29 @@ Adapter \u6269\u5c55 Weex \u5bf9\u4e00\u4e9b\u57fa\u7840\u529f\u80fd\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684\u63a5\u53e3\uff0c\u53ef\u5b9e\u73b0">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/advanced/extend-to-android.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/advanced/extend-to-android.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -150,7 +123,7 @@ Adapter \u6269\u5c55 Weex \u5bf9\u4e00\u4e9b\u57fa\u7840\u529f\u80fd\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684\u63a5\u53e3\uff0c\u53ef\u5b9e\u73b0">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -521,11 +494,11 @@ Adapter \u6269\u5c55 Weex \u5bf9\u4e00\u4e9b\u57fa\u7840\u529f\u80fd\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684\u63a5\u53e3\uff0c\u53ef\u5b9e\u73b0">
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -557,11 +530,11 @@ Adapter \u6269\u5c55 Weex \u5bf9\u4e00\u4e9b\u57fa\u7840\u529f\u80fd\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684\u63a5\u53e3\uff0c\u53ef\u5b9e\u73b0">
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -594,11 +567,11 @@ Adapter \u6269\u5c55 Weex \u5bf9\u4e00\u4e9b\u57fa\u7840\u529f\u80fd\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684\u63a5\u53e3\uff0c\u53ef\u5b9e\u73b0">
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -741,7 +714,7 @@ Adapter \u6269\u5c55 Weex \u5bf9\u4e00\u4e9b\u57fa\u7840\u529f\u80fd\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684\u63a5\u53e3\uff0c\u53ef\u5b9e\u73b0">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1117,11 +1090,11 @@ Adapter \u6269\u5c55 Weex \u5bf9\u4e00\u4e9b\u57fa\u7840\u529f\u80fd\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684\u63a5\u53e3\uff0c\u53ef\u5b9e\u73b0">
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1153,11 +1126,11 @@ Adapter \u6269\u5c55 Weex \u5bf9\u4e00\u4e9b\u57fa\u7840\u529f\u80fd\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684\u63a5\u53e3\uff0c\u53ef\u5b9e\u73b0">
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1190,11 +1163,11 @@ Adapter \u6269\u5c55 Weex \u5bf9\u4e00\u4e9b\u57fa\u7840\u529f\u80fd\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684\u63a5\u53e3\uff0c\u53ef\u5b9e\u73b0">
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1337,7 +1310,7 @@ Adapter \u6269\u5c55 Weex \u5bf9\u4e00\u4e9b\u57fa\u7840\u529f\u80fd\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684\u63a5\u53e3\uff0c\u53ef\u5b9e\u73b0">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1355,7 +1328,7 @@ Adapter \u6269\u5c55 Weex \u5bf9\u4e00\u4e9b\u57fa\u7840\u529f\u80fd\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684\u63a5\u53e3\uff0c\u53ef\u5b9e\u73b0">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:28:11.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="Android-\u6269\u5c55"><a href="#Android-\u6269\u5c55" class="headerlink" title="Android \u6269\u5c55"></a>Android \u6269\u5c55</h1><p>Weex \u63d0\u4f9b\u4e86\u6269\u5c55\u673a\u5236\uff0c\u53ef\u4ee5\u6839\u636e\u81ea\u5df1\u7684\u4e1a\u52a1\u8fdb\u884c\u5b9a\u5236\u81ea\u5df1\u7684\u529f\u80fd\u3002<br>\u4e3b\u8981\u5206\u4e3a\u4e24\u7c7b\u6269\u5c55\uff1a  </p>
 <ul>
@@ -1425,7 +1398,7 @@ Adapter \u6269\u5c55 Weex \u5bf9\u4e00\u4e9b\u57fa\u7840\u529f\u80fd\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684\u63a5\u53e3\uff0c\u53ef\u5b9e\u73b0">
           <a href="/references/advanced/extend-to-android.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/advanced/extend-to-android.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/advanced/extend-to-android.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/advanced/extend-to-html5.html
----------------------------------------------------------------------
diff --git a/content/cn/references/advanced/extend-to-html5.html b/content/cn/references/advanced/extend-to-html5.html
index caca6f3..646b6b0 100644
--- a/content/cn/references/advanced/extend-to-html5.html
+++ b/content/cn/references/advanced/extend-to-html5.html
@@ -5,49 +5,6 @@
   
   <title>HTML5 \u6269\u5c55 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u5982\u4f55\u6269\u5c55 Weex Web \u7aef\u7684\u7ec4\u4ef6\u548c\u6a21\u5757Weex \u672c\u8eab\u63d0\u4f9b\u4e86\u5f88\u591a\u5185\u7f6e\u7ec4\u4ef6\u548c\u6a21\u5757\uff0c\u4e5f\u5177\u5907\u6a2a\u5411\u6269\u5c55\u7684\u80fd\u529b\uff0c\u5141\u8bb8\u5f00\u53d1\u8005\u81ea\u884c\u6269\u5c55\u548c\u5b9a\u5236\u3002\u9700\u8981\u6ce8\u610f\u7684\u662f\uff0cWeex \u662f\u4e00\u4e2a\u8de8\u5e73\u53f0\u7684\u89e3\u51b3\u65b9\u6848\uff0c\u6269\u5c55\u5176\u5185\u7f6e\u7ec4\u4ef6\u6216\u6a21\u5757\uff0c\u9700\u8981\u5728\u4e09\u7aef\uff08Android\u3001iOS\u3001Web\uff09\u4e2d\u90fd\u6709\u76f8\u5e94\u7684\u5b9e\u73b0\u3002
 Weex \u5c06\u5185\u6838\u5207\u6362\u6210 Vue 2.x \u4e4b\u540e\uff0c\u5728 Web \u7aef\u6269\u5c55 Vue \u7ec4\u4ef6\u5c06\u53d8\u5f97\u66f4\u52a0\u5bb9\u6613\u3002
 \u6269\u5c55 Web \u7ec4\u4ef6Vue.js \u672c\u8eab\u5c31\u662f">
@@ -58,7 +15,7 @@ Weex \u5c06\u5185\u6838\u5207\u6362\u6210 Vue 2.x \u4e4b\u540e\uff0c\u5728 Web \u7aef\u6269\u5c55 Vue \u7ec4\u4ef6\u5c06\u53d8\u5f97
 <meta property="og:description" content="\u5982\u4f55\u6269\u5c55 Weex Web \u7aef\u7684\u7ec4\u4ef6\u548c\u6a21\u5757Weex \u672c\u8eab\u63d0\u4f9b\u4e86\u5f88\u591a\u5185\u7f6e\u7ec4\u4ef6\u548c\u6a21\u5757\uff0c\u4e5f\u5177\u5907\u6a2a\u5411\u6269\u5c55\u7684\u80fd\u529b\uff0c\u5141\u8bb8\u5f00\u53d1\u8005\u81ea\u884c\u6269\u5c55\u548c\u5b9a\u5236\u3002\u9700\u8981\u6ce8\u610f\u7684\u662f\uff0cWeex \u662f\u4e00\u4e2a\u8de8\u5e73\u53f0\u7684\u89e3\u51b3\u65b9\u6848\uff0c\u6269\u5c55\u5176\u5185\u7f6e\u7ec4\u4ef6\u6216\u6a21\u5757\uff0c\u9700\u8981\u5728\u4e09\u7aef\uff08Android\u3001iOS\u3001Web\uff09\u4e2d\u90fd\u6709\u76f8\u5e94\u7684\u5b9e\u73b0\u3002
 Weex \u5c06\u5185\u6838\u5207\u6362\u6210 Vue 2.x \u4e4b\u540e\uff0c\u5728 Web \u7aef\u6269\u5c55 Vue \u7ec4\u4ef6\u5c06\u53d8\u5f97\u66f4\u52a0\u5bb9\u6613\u3002
 \u6269\u5c55 Web \u7ec4\u4ef6Vue.js \u672c\u8eab\u5c31\u662f">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:28:11.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="HTML5 \u6269\u5c55">
 <meta name="twitter:description" content="\u5982\u4f55\u6269\u5c55 Weex Web \u7aef\u7684\u7ec4\u4ef6\u548c\u6a21\u5757Weex \u672c\u8eab\u63d0\u4f9b\u4e86\u5f88\u591a\u5185\u7f6e\u7ec4\u4ef6\u548c\u6a21\u5757\uff0c\u4e5f\u5177\u5907\u6a2a\u5411\u6269\u5c55\u7684\u80fd\u529b\uff0c\u5141\u8bb8\u5f00\u53d1\u8005\u81ea\u884c\u6269\u5c55\u548c\u5b9a\u5236\u3002\u9700\u8981\u6ce8\u610f\u7684\u662f\uff0cWeex \u662f\u4e00\u4e2a\u8de8\u5e73\u53f0\u7684\u89e3\u51b3\u65b9\u6848\uff0c\u6269\u5c55\u5176\u5185\u7f6e\u7ec4\u4ef6\u6216\u6a21\u5757\uff0c\u9700\u8981\u5728\u4e09\u7aef\uff08Android\u3001iOS\u3001Web\uff09\u4e2d\u90fd\u6709\u76f8\u5e94\u7684\u5b9e\u73b0\u3002
@@ -121,13 +78,29 @@ Weex \u5c06\u5185\u6838\u5207\u6362\u6210 Vue 2.x \u4e4b\u540e\uff0c\u5728 Web \u7aef\u6269\u5c55 Vue \u7ec4\u4ef6\u5c06\u53d8\u5f97
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/advanced/extend-to-html5.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/advanced/extend-to-html5.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@ Weex \u5c06\u5185\u6838\u5207\u6362\u6210 Vue 2.x \u4e4b\u540e\uff0c\u5728 Web \u7aef\u6269\u5c55 Vue \u7ec4\u4ef6\u5c06\u53d8\u5f97
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -515,11 +488,11 @@ Weex \u5c06\u5185\u6838\u5207\u6362\u6210 Vue 2.x \u4e4b\u540e\uff0c\u5728 Web \u7aef\u6269\u5c55 Vue \u7ec4\u4ef6\u5c06\u53d8\u5f97
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -551,11 +524,11 @@ Weex \u5c06\u5185\u6838\u5207\u6362\u6210 Vue 2.x \u4e4b\u540e\uff0c\u5728 Web \u7aef\u6269\u5c55 Vue \u7ec4\u4ef6\u5c06\u53d8\u5f97
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -588,11 +561,11 @@ Weex \u5c06\u5185\u6838\u5207\u6362\u6210 Vue 2.x \u4e4b\u540e\uff0c\u5728 Web \u7aef\u6269\u5c55 Vue \u7ec4\u4ef6\u5c06\u53d8\u5f97
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -735,7 +708,7 @@ Weex \u5c06\u5185\u6838\u5207\u6362\u6210 Vue 2.x \u4e4b\u540e\uff0c\u5728 Web \u7aef\u6269\u5c55 Vue \u7ec4\u4ef6\u5c06\u53d8\u5f97
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1111,11 +1084,11 @@ Weex \u5c06\u5185\u6838\u5207\u6362\u6210 Vue 2.x \u4e4b\u540e\uff0c\u5728 Web \u7aef\u6269\u5c55 Vue \u7ec4\u4ef6\u5c06\u53d8\u5f97
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1147,11 +1120,11 @@ Weex \u5c06\u5185\u6838\u5207\u6362\u6210 Vue 2.x \u4e4b\u540e\uff0c\u5728 Web \u7aef\u6269\u5c55 Vue \u7ec4\u4ef6\u5c06\u53d8\u5f97
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1184,11 +1157,11 @@ Weex \u5c06\u5185\u6838\u5207\u6362\u6210 Vue 2.x \u4e4b\u540e\uff0c\u5728 Web \u7aef\u6269\u5c55 Vue \u7ec4\u4ef6\u5c06\u53d8\u5f97
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1331,7 +1304,7 @@ Weex \u5c06\u5185\u6838\u5207\u6362\u6210 Vue 2.x \u4e4b\u540e\uff0c\u5728 Web \u7aef\u6269\u5c55 Vue \u7ec4\u4ef6\u5c06\u53d8\u5f97
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1349,7 +1322,7 @@ Weex \u5c06\u5185\u6838\u5207\u6362\u6210 Vue 2.x \u4e4b\u540e\uff0c\u5728 Web \u7aef\u6269\u5c55 Vue \u7ec4\u4ef6\u5c06\u53d8\u5f97
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:28:11.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="\u5982\u4f55\u6269\u5c55-Weex-Web-\u7aef\u7684\u7ec4\u4ef6\u548c\u6a21\u5757"><a href="#\u5982\u4f55\u6269\u5c55-Weex-Web-\u7aef\u7684\u7ec4\u4ef6\u548c\u6a21\u5757" class="headerlink" title="\u5982\u4f55\u6269\u5c55 Weex Web \u7aef\u7684\u7ec4\u4ef6\u548c\u6a21\u5757"></a>\u5982\u4f55\u6269\u5c55 Weex Web \u7aef\u7684\u7ec4\u4ef6\u548c\u6a21\u5757</h1><p>Weex \u672c\u8eab\u63d0\u4f9b\u4e86\u5f88\u591a\u5185\u7f6e\u7ec4\u4ef6\u548c\u6a21\u5757\uff0c\u4e5f\u5177\u5907\u6a2a\u5411\u6269\u5c55\u7684\u80fd\u529b\uff0c\u5141\u8bb8\u5f00\u53d1\u8005\u81ea\u884c\u6269\u5c55\u548c\u5b9a\u5236\u3002\u9700\u8981\u6ce8\u610f\u7684\u662f\uff0cWeex \u662f\u4e00\u4e2a\u8de8\u5e73\u53f0\u7684\u89e3\u51b3\u65b9\u6848\uff0c\u6269\u5c55\u5176\u5185\u7f6e\u7ec4\u4ef6\u6216\u6a21\u5757\uff0c\u9700\u8981\u5728\u4e09\u7aef\uff08Android\u3001iOS\u3001Web\uff09\u4e2d\u90fd\u6709\u76f8\u5e94\u7684\u5b9e\u73b0\u3002</p>
 <p>Weex \u5c06\u5185\u6838\u5207\u6362\u6210 Vue 2.x \u4e4b\u540e\uff0c\u5728 Web \u7aef\u6269\u5c55 Vue \u7ec4\u4ef6\u5c06\u53d8\u5f97\u66f4\u52a0\u5bb9\u6613\u3002</p>
@@ -1395,7 +1368,7 @@ Weex \u5c06\u5185\u6838\u5207\u6362\u6210 Vue 2.x \u4e4b\u540e\uff0c\u5728 Web \u7aef\u6269\u5c55 Vue \u7ec4\u4ef6\u5c06\u53d8\u5f97
           <a href="/references/advanced/extend-to-html5.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/advanced/extend-to-html5.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/advanced/extend-to-html5.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/advanced/extend-to-ios.html
----------------------------------------------------------------------
diff --git a/content/cn/references/advanced/extend-to-ios.html b/content/cn/references/advanced/extend-to-ios.html
index 382066a..b6ad334 100644
--- a/content/cn/references/advanced/extend-to-ios.html
+++ b/content/cn/references/advanced/extend-to-ios.html
@@ -5,49 +5,6 @@
   
   <title>iOS \u6269\u5c55 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Module \u6269\u5c55swift \u6269\u5c55 module 
 Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc\uff0c\u56fe\u7247\uff0cURL\u8df3\u8f6c\u8fd9\u4e9b\u7279\u6027\uff0c\u9700\u8981\u81ea\u5df1\u52a8\u624b\u5b9e\u73b0\u4ed6\u4eec\u4f8b\u5982\uff0c\u5982\u679c\u4f60\u60f3\u5b9e\u73b0\u4e00\u4e2aurl\u5730\u5740\u8df3\u8f6c\u51fd\u6570\uff0c\u4f60\u53ef\u4ee5\u6309\u7167\u5982\u4e0b\u6b65\u9aa4\u5b9e\u73b0\u4e00\u4e2a Module
 
@@ -66,7 +23,7 @@ Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc
 
 \u81ea\u5b9a\u4e49\u7684module\u7c7b \u5fc5\u987b\u5b9e\u73b0 WXModuleProtocol
 \u5fc5\u987b\u6dfb\u52a0\u5b8fWX_EXPORT_METHOD, \u5b83\u53ef\u4ee5">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:28:11.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="iOS \u6269\u5c55">
 <meta name="twitter:description" content="Module \u6269\u5c55swift \u6269\u5c55 module 
@@ -133,13 +90,29 @@ Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/advanced/extend-to-ios.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/advanced/extend-to-ios.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -156,7 +129,7 @@ Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -527,11 +500,11 @@ Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -563,11 +536,11 @@ Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -600,11 +573,11 @@ Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -747,7 +720,7 @@ Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1123,11 +1096,11 @@ Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1159,11 +1132,11 @@ Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1196,11 +1169,11 @@ Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1343,7 +1316,7 @@ Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1361,7 +1334,7 @@ Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:28:11.000Z">Updated time: 02/03/2017</time>
 </header>
     <h2 id="Module-\u6269\u5c55"><a href="#Module-\u6269\u5c55" class="headerlink" title="Module \u6269\u5c55"></a>Module \u6269\u5c55</h2><p><a href="https://github.com/weexteam/article/issues/55" target="_blank" rel="external">swift</a> \u6269\u5c55 module </p>
 <p>Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc\uff0c\u56fe\u7247\uff0cURL\u8df3\u8f6c\u8fd9\u4e9b\u7279\u6027\uff0c\u9700\u8981\u81ea\u5df1\u52a8\u624b\u5b9e\u73b0\u4ed6\u4eec<br>\u4f8b\u5982\uff0c\u5982\u679c\u4f60\u60f3\u5b9e\u73b0\u4e00\u4e2aurl\u5730\u5740\u8df3\u8f6c\u51fd\u6570\uff0c\u4f60\u53ef\u4ee5\u6309\u7167\u5982\u4e0b\u6b65\u9aa4\u5b9e\u73b0\u4e00\u4e2a Module</p>
@@ -1515,7 +1488,7 @@ Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc
           <a href="/references/advanced/extend-to-ios.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/advanced/extend-to-ios.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/advanced/extend-to-ios.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/advanced/index.html
----------------------------------------------------------------------
diff --git a/content/cn/references/advanced/index.html b/content/cn/references/advanced/index.html
index f436c46..ed5ddd0 100644
--- a/content/cn/references/advanced/index.html
+++ b/content/cn/references/advanced/index.html
@@ -5,49 +5,6 @@
   
   <title>\u9ad8\u9636\u77e5\u8bc6 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u9ad8\u9636\u77e5\u8bc6
 iOS \u6269\u5c55
 Android \u6269\u5c55
@@ -66,7 +23,7 @@ HTML5 \u6269\u5c55
 JS framework \u6269\u5c55
 \u96c6\u6210 Devtools \u5230 Android
 \u96c6\u6210 Devtools \u5230 iOS">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:28:11.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u9ad8\u9636\u77e5\u8bc6">
 <meta name="twitter:description" content="\u9ad8\u9636\u77e5\u8bc6
@@ -133,13 +90,29 @@ JS framework \u6269\u5c55
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/advanced/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/advanced/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -156,7 +129,7 @@ JS framework \u6269\u5c55
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -527,11 +500,11 @@ JS framework \u6269\u5c55
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -563,11 +536,11 @@ JS framework \u6269\u5c55
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -600,11 +573,11 @@ JS framework \u6269\u5c55
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -747,7 +720,7 @@ JS framework \u6269\u5c55
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1123,11 +1096,11 @@ JS framework \u6269\u5c55
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1159,11 +1132,11 @@ JS framework \u6269\u5c55
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1196,11 +1169,11 @@ JS framework \u6269\u5c55
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1343,7 +1316,7 @@ JS framework \u6269\u5c55
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1361,7 +1334,7 @@ JS framework \u6269\u5c55
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:28:11.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="\u9ad8\u9636\u77e5\u8bc6"><a href="#\u9ad8\u9636\u77e5\u8bc6" class="headerlink" title="\u9ad8\u9636\u77e5\u8bc6"></a>\u9ad8\u9636\u77e5\u8bc6</h1><ul>
 <li><a href="./extend-to-ios.html">iOS \u6269\u5c55</a></li>
@@ -1392,7 +1365,7 @@ JS framework \u6269\u5c55
           <a href="/references/advanced/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/advanced/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/advanced/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/advanced/integrate-devtool-to-android.html
----------------------------------------------------------------------
diff --git a/content/cn/references/advanced/integrate-devtool-to-android.html b/content/cn/references/advanced/integrate-devtool-to-android.html
index 5dabc95..ac5c27f 100644
--- a/content/cn/references/advanced/integrate-devtool-to-android.html
+++ b/content/cn/references/advanced/integrate-devtool-to-android.html
@@ -5,49 +5,6 @@
   
   <title>\u96c6\u6210 Devtools \u5230 Android | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u96c6\u6210 Devtools \u5230 AndroidWeex Devtools \u80fd\u591f\u65b9\u4fbf\u8c03\u8bd5 Weex \u9875\u9762\uff0c\u4f46\u6b64\u529f\u80fd\u79bb\u4e0d\u5f00 Native \u7684\u652f\u6301\u3002\u5982\u4f55\u8ba9\u4f60\u7684 App \u4e5f\u96c6\u6210 Devtools\uff0c\u5728\u672c\u7ae0\u5c06\u4f1a\u8be6\u7ec6\u8bf4\u660e Android \u7aef\u5982\u4f55\u63a5\u5165 Weex Devtools\u3002
 Android \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devtools aar \u7684\u4f9d\u8d56\uff0c\u4e5f\u53ef\u4ee5\u76f4\u63a5\u5bf9\u6e90\u7801\u4f9d\u8d56\u3002">
 <meta property="og:type" content="website">
@@ -59,7 +16,7 @@ Android \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devto
 <meta property="og:image" content="https://weex.apache.org//img.alicdn.com/tps/TB1aKy4NXXXXXacXVXXXXXXXXXX-1019-756.png">
 <meta property="og:image" content="https://weex.apache.org//img.alicdn.com/tps/TB13fwSKFXXXXXDaXXXXXXXXXXX-887-828.png">
 <meta property="og:image" content="https://weex.apache.org//img.alicdn.com/tps/TB1igLoMVXXXXawapXXXXXXXXXX-786-1610.jpg">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:28:11.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u96c6\u6210 Devtools \u5230 Android">
 <meta name="twitter:description" content="\u96c6\u6210 Devtools \u5230 AndroidWeex Devtools \u80fd\u591f\u65b9\u4fbf\u8c03\u8bd5 Weex \u9875\u9762\uff0c\u4f46\u6b64\u529f\u80fd\u79bb\u4e0d\u5f00 Native \u7684\u652f\u6301\u3002\u5982\u4f55\u8ba9\u4f60\u7684 App \u4e5f\u96c6\u6210 Devtools\uff0c\u5728\u672c\u7ae0\u5c06\u4f1a\u8be6\u7ec6\u8bf4\u660e Android \u7aef\u5982\u4f55\u63a5\u5165 Weex Devtools\u3002
@@ -122,13 +79,29 @@ Android \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devto
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/advanced/integrate-devtool-to-android.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/advanced/integrate-devtool-to-android.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -145,7 +118,7 @@ Android \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devto
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -516,11 +489,11 @@ Android \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devto
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -552,11 +525,11 @@ Android \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devto
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -589,11 +562,11 @@ Android \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devto
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -736,7 +709,7 @@ Android \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devto
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1112,11 +1085,11 @@ Android \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devto
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1148,11 +1121,11 @@ Android \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devto
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1185,11 +1158,11 @@ Android \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devto
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1332,7 +1305,7 @@ Android \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devto
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1350,7 +1323,7 @@ Android \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devto
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:28:11.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="\u96c6\u6210-Devtools-\u5230-Android"><a href="#\u96c6\u6210-Devtools-\u5230-Android" class="headerlink" title="\u96c6\u6210 Devtools \u5230 Android"></a>\u96c6\u6210 Devtools \u5230 Android</h1><p>Weex Devtools \u80fd\u591f\u65b9\u4fbf\u8c03\u8bd5 Weex \u9875\u9762\uff0c\u4f46\u6b64\u529f\u80fd\u79bb\u4e0d\u5f00 Native \u7684\u652f\u6301\u3002\u5982\u4f55\u8ba9\u4f60\u7684 App \u4e5f\u96c6\u6210 Devtools\uff0c\u5728\u672c\u7ae0\u5c06\u4f1a\u8be6\u7ec6\u8bf4\u660e Android \u7aef\u5982\u4f55\u63a5\u5165 Weex Devtools\u3002</p>
 <h2 id="Android-\u5e94\u7528\u63a5\u5165"><a href="#Android-\u5e94\u7528\u63a5\u5165" class="headerlink" title="Android \u5e94\u7528\u63a5\u5165"></a>Android \u5e94\u7528\u63a5\u5165</h2><h3 id="\u6dfb\u52a0\u4f9d\u8d56"><a href="#\u6dfb\u52a0\u4f9d\u8d56" class="headerlink" title="\u6dfb\u52a0\u4f9d\u8d56"></a>\u6dfb\u52a0\u4f9d\u8d56</h3><p>\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devtools aar \u7684\u4f9d\u8d56\uff0c\u4e5f\u53ef\u4ee5\u76f4\u63a5\u5bf9\u6e90\u7801\u4f9d\u8d56\u3002\u5f3a\u70c8\u5efa\u8bae\u4f7f\u7528\u6700\u65b0\u7248\u672c\uff0c\u56e0\u4e3a Weex SDK \u548c devtools \u90fd\u5728\u5feb\u901f\u7684\u8fed\u4ee3\u5f00\u53d1\u4e2d\uff0c\u65b0\u7248\u672c\u4f1a\u6709\u66f4\u591a\u60ca\u559c\uff0c\u540c\u65f6\u4e5f\u4fee\u590d\u8001\u7248\u672c\u4e2d\u4e00\u4e9b\u95ee\u9898\u3002\u6700\u65b0\u7684 release \u7248\u672c\u53ef\u5728<a href="https://github.com/weexteam/weex_devtools_android/releases" target="_blank" rel="external">\u8fd9\u91cc</a>\u67e5\u770b\u3002\u6240\u6709\u7684 release \u7248\u672c\u90fd\u4f1a\u53d1\u5e03\u5230 <a href="https://bintray.com/alibabaweex/maven/weex_inspector" target="_blank" rel="external">jcenter repo</a>\u3002</p>
@@ -1514,7 +1487,7 @@ Android \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devto
           <a href="/references/advanced/integrate-devtool-to-android.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/advanced/integrate-devtool-to-android.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/advanced/integrate-devtool-to-android.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/advanced/integrate-devtool-to-ios.html
----------------------------------------------------------------------
diff --git a/content/cn/references/advanced/integrate-devtool-to-ios.html b/content/cn/references/advanced/integrate-devtool-to-ios.html
index fc11daa..f4ad619 100644
--- a/content/cn/references/advanced/integrate-devtool-to-ios.html
+++ b/content/cn/references/advanced/integrate-devtool-to-ios.html
@@ -5,49 +5,6 @@
   
   <title>\u96c6\u6210 Devtools \u5230 iOS | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u96c6\u6210 Devtools \u5230 iOSWeex Devtools \u80fd\u591f\u65b9\u4fbf\u8c03\u8bd5 Weex \u9875\u9762\uff0c\u4f46\u6b64\u529f\u80fd\u79bb\u4e0d\u5f00 Native \u7684\u652f\u6301\u3002\u5982\u4f55\u8ba9\u4f60\u7684 App \u4e5f\u96c6\u6210 Devtools\uff0c\u5728\u672c\u7ae0\u5c06\u4f1a\u8be6\u7ec6\u8bf4\u660e iOS \u7aef\u5982\u4f55\u63a5\u5165 Weex Devtools\u3002
 iOS \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u65b9\u6cd5\u4e00\uff1acocoapods \u4f9d\u8d56\u5728\u5de5\u7a0b\u76ee\u5f55\u7684 podfile \u6dfb\u52a0\u5982\u4e0b\u4ee3\u7801
 source https://github.com/C">
@@ -66,7 +23,7 @@ source https://github.com/C">
 <meta property="og:image" content="https://weex.apache.org//img.alicdn.com/tps/TB1vomVNXXXXXcXaXXXXXXXXXXX-2072-1202.png">
 <meta property="og:image" content="https://weex.apache.org//img.alicdn.com/tps/TB116y0NXXXXXXNaXXXXXXXXXXX-1448-668.png">
 <meta property="og:image" content="https://weex.apache.org//img.alicdn.com/tps/TB16frmNXXXXXa7XXXXXXXXXXXX-2106-1254.png">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:28:11.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u96c6\u6210 Devtools \u5230 iOS">
 <meta name="twitter:description" content="\u96c6\u6210 Devtools \u5230 iOSWeex Devtools \u80fd\u591f\u65b9\u4fbf\u8c03\u8bd5 Weex \u9875\u9762\uff0c\u4f46\u6b64\u529f\u80fd\u79bb\u4e0d\u5f00 Native \u7684\u652f\u6301\u3002\u5982\u4f55\u8ba9\u4f60\u7684 App \u4e5f\u96c6\u6210 Devtools\uff0c\u5728\u672c\u7ae0\u5c06\u4f1a\u8be6\u7ec6\u8bf4\u660e iOS \u7aef\u5982\u4f55\u63a5\u5165 Weex Devtools\u3002
@@ -130,13 +87,29 @@ source https://github.com/C">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/advanced/integrate-devtool-to-ios.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/advanced/integrate-devtool-to-ios.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -153,7 +126,7 @@ source https://github.com/C">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -524,11 +497,11 @@ source https://github.com/C">
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -560,11 +533,11 @@ source https://github.com/C">
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -597,11 +570,11 @@ source https://github.com/C">
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -744,7 +717,7 @@ source https://github.com/C">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1120,11 +1093,11 @@ source https://github.com/C">
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1156,11 +1129,11 @@ source https://github.com/C">
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1193,11 +1166,11 @@ source https://github.com/C">
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1340,7 +1313,7 @@ source https://github.com/C">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1358,7 +1331,7 @@ source https://github.com/C">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:28:11.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="\u96c6\u6210-Devtools-\u5230-iOS"><a href="#\u96c6\u6210-Devtools-\u5230-iOS" class="headerlink" title="\u96c6\u6210 Devtools \u5230 iOS"></a>\u96c6\u6210 Devtools \u5230 iOS</h1><p>Weex Devtools \u80fd\u591f\u65b9\u4fbf\u8c03\u8bd5 Weex \u9875\u9762\uff0c\u4f46\u6b64\u529f\u80fd\u79bb\u4e0d\u5f00 Native \u7684\u652f\u6301\u3002\u5982\u4f55\u8ba9\u4f60\u7684 App \u4e5f\u96c6\u6210 Devtools\uff0c\u5728\u672c\u7ae0\u5c06\u4f1a\u8be6\u7ec6\u8bf4\u660e iOS \u7aef\u5982\u4f55\u63a5\u5165 Weex Devtools\u3002</p>
 <h2 id="iOS-\u5e94\u7528\u63a5\u5165"><a href="#iOS-\u5e94\u7528\u63a5\u5165" class="headerlink" title="iOS \u5e94\u7528\u63a5\u5165"></a>iOS \u5e94\u7528\u63a5\u5165</h2><h3 id="\u6dfb\u52a0\u4f9d\u8d56"><a href="#\u6dfb\u52a0\u4f9d\u8d56" class="headerlink" title="\u6dfb\u52a0\u4f9d\u8d56"></a>\u6dfb\u52a0\u4f9d\u8d56</h3><h4 id="\u65b9\u6cd5\u4e00\uff1acocoapods-\u4f9d\u8d56"><a href="#\u65b9\u6cd5\u4e00\uff1acocoapods-\u4f9d\u8d56" class="headerlink" title="\u65b9\u6cd5\u4e00\uff1acocoapods \u4f9d\u8d56"></a>\u65b9\u6cd5\u4e00\uff1acocoapods \u4f9d\u8d56</h4><p>\u5728\u5de5\u7a0b\u76ee\u5f55\u7684 podfile \u6dfb\u52a0\u5982\u4e0b\u4ee3\u7801</p>
@@ -1451,7 +1424,7 @@ source https://github.com/C">
           <a href="/references/advanced/integrate-devtool-to-ios.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/advanced/integrate-devtool-to-ios.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/advanced/integrate-devtool-to-ios.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/android-apis.html
----------------------------------------------------------------------
diff --git a/content/cn/references/android-apis.html b/content/cn/references/android-apis.html
index 307dd47..59b4c93 100644
--- a/content/cn/references/android-apis.html
+++ b/content/cn/references/android-apis.html
@@ -5,49 +5,6 @@
   
   <title>Android APIs | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Android APIsWeex \u521d\u6b65\u63a5\u5165\u8bf7\u53c2\u8003\uff1ahttps://github.com/weexteam/article/issues/25
 WXSDKEngine \u662f Weex \u5bf9\u5916\u7684\u603b\u5165\u53e3\u3002\u4e3b\u8981\u63d0\u4f9b\u4e86\u4e00\u4e0b\u529f\u80fd\uff1a
 
@@ -68,7 +25,7 @@ WXSDKEngine \u662f Weex \u5bf9\u5916\u7684\u603b\u5165\u53e3\u3002\u4e3b\u8981\u63d0\u4f9b\u4e86\u4e00\u4e0b\u529f\u80fd\uff1a
 \u91cd\u7f6e JSFramework
 
 Adapter \u4ecb\u7ecdWeex \u4e3a\u4e86\u91cd\u7528 Nati">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:28:11.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Android APIs">
 <meta name="twitter:description" content="Android APIsWeex \u521d\u6b65\u63a5\u5165\u8bf7\u53c2\u8003\uff1ahttps://github.com/weexteam/article/issues/25
@@ -136,13 +93,29 @@ Adapter \u4ecb\u7ecdWeex \u4e3a\u4e86\u91cd\u7528 Nati">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/android-apis.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/android-apis.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -159,7 +132,7 @@ Adapter \u4ecb\u7ecdWeex \u4e3a\u4e86\u91cd\u7528 Nati">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -530,11 +503,11 @@ Adapter \u4ecb\u7ecdWeex \u4e3a\u4e86\u91cd\u7528 Nati">
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -566,11 +539,11 @@ Adapter \u4ecb\u7ecdWeex \u4e3a\u4e86\u91cd\u7528 Nati">
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -603,11 +576,11 @@ Adapter \u4ecb\u7ecdWeex \u4e3a\u4e86\u91cd\u7528 Nati">
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -750,7 +723,7 @@ Adapter \u4ecb\u7ecdWeex \u4e3a\u4e86\u91cd\u7528 Nati">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1126,11 +1099,11 @@ Adapter \u4ecb\u7ecdWeex \u4e3a\u4e86\u91cd\u7528 Nati">
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1162,11 +1135,11 @@ Adapter \u4ecb\u7ecdWeex \u4e3a\u4e86\u91cd\u7528 Nati">
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1199,11 +1172,11 @@ Adapter \u4ecb\u7ecdWeex \u4e3a\u4e86\u91cd\u7528 Nati">
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1346,7 +1319,7 @@ Adapter \u4ecb\u7ecdWeex \u4e3a\u4e86\u91cd\u7528 Nati">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1364,7 +1337,7 @@ Adapter \u4ecb\u7ecdWeex \u4e3a\u4e86\u91cd\u7528 Nati">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:28:11.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="Android-APIs"><a href="#Android-APIs" class="headerlink" title="Android APIs"></a>Android APIs</h1><p>Weex \u521d\u6b65\u63a5\u5165\u8bf7\u53c2\u8003\uff1a<a href="https://github.com/weexteam/article/issues/25" target="_blank" rel="external">https://github.com/weexteam/article/issues/25</a></p>
 <h2 id="WXSDKEngine-\u662f-Weex-\u5bf9\u5916\u7684\u603b\u5165\u53e3\u3002"><a href="#WXSDKEngine-\u662f-Weex-\u5bf9\u5916\u7684\u603b\u5165\u53e3\u3002" class="headerlink" title="WXSDKEngine \u662f Weex \u5bf9\u5916\u7684\u603b\u5165\u53e3\u3002"></a>WXSDKEngine \u662f Weex \u5bf9\u5916\u7684\u603b\u5165\u53e3\u3002</h2><p>\u4e3b\u8981\u63d0\u4f9b\u4e86\u4e00\u4e0b\u529f\u80fd\uff1a</p>
@@ -1443,7 +1416,7 @@ Adapter \u4ecb\u7ecdWeex \u4e3a\u4e86\u91cd\u7528 Nati">
           <a href="/references/android-apis.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/android-apis.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/android-apis.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>