图片base64工具中增加编码前后大小对比

1、图片base64工具中增加编码前后大小对比
2、修改manifest中的主页地址，http→https

chrome/manifest.json

@@ -1,6 +1,6 @@
 {
     "name": "WEB前端助手(FeHelper)",
-    "version": "7.9",
+    "version": "8.0",
     "manifest_version": 2,
 
     "default_locale": "zh_CN",
@@ -124,8 +124,8 @@
         },
         {
             "matches": [
-                "http://*.baidufe.com/fehelper/*",
-                "http://*.baidufe.com/fehelper"
+                "https://*.baidufe.com/fehelper/*",
+                "https://*.baidufe.com/fehelper"
             ],
             "js": [
                 "static/js/fe-contentscript-fehelper.js"
@@ -135,6 +135,6 @@
         }
     ],
     "content_security_policy": "script-src 'self' https://ssl.google-analytics.com 'unsafe-eval'; object-src 'self'",
-    "homepage_url": "http://www.baidufe.com/fehelper"
+    "homepage_url": "https://www.baidufe.com/fehelper"
 
 }

chrome/online.manifest.json

@@ -1,6 +1,6 @@
 {
     "name": "WEB前端助手(FeHelper)",
-    "version": "7.9",
+    "version": "8.0",
     "manifest_version": 2,
 
     "default_locale": "zh_CN",
@@ -74,7 +74,11 @@
                 "http://*.baidufe.com/fehelper/*",
                 "http://*.baidufe.com/fehelper",
                 "http://*.fehelper.com/fehelper/*",
-                "http://*.fehelper.com/fehelper"
+                "http://*.fehelper.com/fehelper",
+                "https://*.baidufe.com/fehelper/*",
+                "https://*.baidufe.com/fehelper",
+                "https://*.fehelper.com/fehelper/*",
+                "https://*.fehelper.com/fehelper"
             ],
             "js": [
                 "static/js/fe-contentscript-fehelper.js"
@@ -84,5 +88,5 @@
         }
     ],
     "content_security_policy": "script-src 'self' https://ssl.google-analytics.com 'unsafe-eval'; object-src 'self'",
-    "homepage_url": "http://www.baidufe.com/fehelper"
+    "homepage_url": "https://www.baidufe.com/fehelper"
 }

chrome/static/css/fe-imagebase64.css

@@ -62,7 +62,7 @@ td .x-panel .x-tips {
 form {display: none}
 td textarea {
     width: 490px;
-    height:405px;
+    height:360px;
     padding:0;margin:0;
     resize:none;outline:none;
     background: #fcfcfc;
@@ -76,3 +76,11 @@ td textarea {
 	padding:5px;
 	display:none;
 }
+.x-result-info .x-title{
+    color: #aaa;
+    font-size: 12px;
+}
+#sizeOri,#sizeBase {
+    color: #600;
+    font-style: italic;
+}

chrome/static/js/imagebase64/main.js

@@ -4,12 +4,28 @@
  */
 var ImageBase64 = (function () {
 
+    var sizeFormat = function (num) {
+        if(isNaN(num)) {
+            return '暂无数据';
+        }
+        num = +num;
+        if (num < 1024) {
+            return num + ' B';
+        } else if (num < 1024 * 1024) {
+            return (num / 1024).toFixed(2) + ' KB';
+        } else {
+            return (num / 1024 / 1024).toFixed(2) + ' MB';
+        }
+    };
+
     var _getDataUri = function (file) {
         var reader = new FileReader();
         reader.onload = function (evt) {
             $('#result').val(evt.target.result);
             $('#preview').attr('src', evt.target.result).show();
             $('td .x-panel').css('background-image', 'none');
+            $('#sizeOri').html(sizeFormat(file.size));
+            $('#sizeBase').html(sizeFormat(evt.target.result.length));
         };
         reader.readAsDataURL(file);
     };