🔖release 1.0.4

- 增加extension demo页面 - extension 初版发布
rowthan · Aug 14, 2018 · b2edc01 · b2edc01
1 parent b422e97
commit b2edc01
Show file tree

Hide file tree

Showing 9 changed files with 98 additions and 10 deletions.
diff --git a/demo/extension.html b/demo/extension.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=no" />
+  <meta name="description" content="使用whats-element，为每一个 HTML 元素计算一个可唯一标识的定位符。"/>
+  <title>whats-element Extension</title>
+  <link rel="stylesheet" href="demo.css">
+  <link rel="stylesheet" href="highlight.css">
+</head>
+<body>
+  <header class="site__header island">
+    <div class="wrap">
+      <span id="animationSandbox" style="display: block;"><h1 class="site__title mega">whats-element Chrome Extension</h1></span>
+      <span class="beta subhead">chrome 扩展应用：获取网页元素信息</span>
+    </div>
+    <p class="meta">
+      <a href="https://github.com/rowthan/whats-element/releases/download/v1.0.4/whatsElement.zip">Download</a>
+      &nbsp;&nbsp;
+      <a href="index.html">JavaScript library</a>
+    &nbsp;&nbsp;&nbsp;&nbsp;
+      <a href="//github.com/rowthan/whats-element">View on GitHub</a>
+    </p>
+  </header>
+  <main class="site__content island" >
+    使用方法：
+    <ul style="text-align: left">
+      <li>点击上方 Download 下载 chrome 扩展应用</li>
+      <li>chrome 地址栏输入： chrome://extensions/</li>
+      <li>开启“开发者模式”。将下载的 whatsElement.zip 直接拖入浏览器中，完成安装。</li>
+      <li>点击任意网页元素，右击选择“whats element”;或点击右上角whats-element logo；或使用快捷键 Ctrl+Shift+E。三种方式任意一种即可唤醒whats-element</li>
+    </ul>
+  </main>
+  <script>
+      var _hmt = _hmt || [];
+      (function() {
+          var hm = document.createElement("script");
+          hm.src = "https://hm.baidu.com/hm.js?b8e985c27ed0a7ec77e82525cd4a0933";
+          var s = document.getElementsByTagName("script")[0];
+          s.parentNode.insertBefore(hm, s);
+      })();
+  </script>
+<script src="../dist/whatsElement.js"></script>
+<script>
+  /*var whats = new whatsElement();
+  document.addEventListener('click',function (event) {
+      whats.getUniqueId();//event.target
+  })*/
+</script>
+</body>
+</html>
diff --git a/demo/index.html b/demo/index.html
@@ -14,7 +14,11 @@
       <span id="animationSandbox" style="display: block;"><h1 class="site__title mega">whats-element.js</h1></span>
       <span class="beta subhead">为每一个 HTML 元素计算唯一标识符(仅 3.9kb)</span>
     </div>
-    <p class="meta"><a href="https://github.com/rowthan/whats-element/releases/download/v0.0.9/whatsElement.min.js">Download</a> or
+    <p class="meta">
+      <a href="https://github.com/rowthan/whats-element/releases/download/v1.0.4/whatsElement.min.js">Download</a>
+      &nbsp;&nbsp;
+      <a href="extension.html">Chrome Extension</a>
+      &nbsp;&nbsp;
       <a href="//github.com/rowthan/whats-element">View on GitHub</a>
     </p>
   </header>

diff --git a/dist/whatsElement-1.0.4.zip b/dist/whatsElement-1.0.4.zip
diff --git a/dist/whatsElement.js b/dist/whatsElement.js
diff --git a/extension/manifest.json b/extension/manifest.json
@@ -2,7 +2,7 @@
   "manifest_version": 2,
   "name": "__MSG_extensionName__",
   "short_name": "__MSG_extensionName__",
-  "version": "0.0.1",
+  "version": "0.1.4",
   "description": "__MSG_extensionDescription__",
   "default_locale": "en",
   "icons": {