diff --git a/index.html b/index.html
index e0ff647ad5730dd5857ad376f4e4e309ec7cf9d2..35225587db6335c73e7554dba438e51266ab5c32 100644
--- a/index.html
+++ b/index.html
@@ -12,8 +12,27 @@
   <link rel="stylesheet" href="_styles/sidebar.min.css">
   <!-- <link rel="stylesheet" href="_styles/sweetalert.min.css" type='text/css' media='all' /> -->
 </head>
-
+<style>
+  .pt-message {
+    display: none;
+    width: 100%;
+    height: 50px;
+    background: #ffe8d8;
+    color: #f86e45;
+    text-align: center;
+    border:1px dotted #fdab63;
+    z-index: 99999;
+  }
+  .pt-message p {
+    margin: 0;
+    line-height: 50px;
+    font-size: 20px;
+  }
+</style>
 <body>
+  <div id="pt-message" class="pt-message">
+    <p id="msg"></p>
+  </div>
   <div id="app">Loading ...</div>
   <script>
     window.$docsify = {
@@ -107,6 +126,15 @@
             }
           }),
           hook.beforeEach(function (html) {
+            //获取浏览器基本属性
+            var brower = navigator.userAgent;
+            //如果不是google、火狐、指南针浏览器，就提示。
+            if (brower.toLowerCase().indexOf("chrome")<0 && brower.toLowerCase().indexOf("firefox")<0 && brower.toLowerCase().indexOf("safari")<0){
+              var msg = document.getElementById("msg");
+              msg.innerHTML = "你的浏览器不兼容，请使用 Chrome,Firefox,Safari 等浏览器浏览。";
+              document.getElementsByClassName("pt-message")[0].style.display = "block";
+              setInterval('transTip()', 1000);
+            }
             var url = 'https://gitee.com/rtthread/docs-online/blob/master/' + vm.route.file
             var editHtml = '[:pencil: 修改此文档 ](' + url + ') &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[:page_with_curl:《修改规范说明》](/README?id=在线文档开发介绍)\n'
 
@@ -142,6 +170,13 @@
 <script src="_scripts/docsify-plugin-flexible-alerts.min.js"></script>
 
 <script>
+  var im=0;
+
+  function transTip() {
+    if(im>3)
+      document.getElementsByClassName("pt-message")[0].style.display = "none";
+    im++;
+  }
   var _hmt = _hmt || [];
   (function() {
     var hm = document.createElement("script");
