工具配色简单调整

去掉背景图片，以素雅为主

chrome/manifest.json

@@ -1,6 +1,6 @@
 {
     "name": "WEB前端助手(FeHelper)",
-    "version": "6.3",
+    "version": "6.4",
     "manifest_version": 2,
 
     "default_locale": "zh_CN",

chrome/online.manifest.json

@@ -1,6 +1,6 @@
 {
     "name": "WEB前端助手(FeHelper)",
-    "version": "6.3",
+    "version": "6.4",
     "manifest_version": 2,
 
     "default_locale": "zh_CN",

chrome/static/css/fe-endecode.css

@@ -1,9 +1,9 @@
 html {
-	background:url(../img/baidufe_bj.gif);
+	background:#f9f9f9;
 	font-size: 14px;
 }
 body{
-	font-family:Arial,"simsun";
+    font-family: Tahoma, arial, simsun;
 	color:#666;
 }
 

chrome/static/css/fe-imagebase64.css

@@ -1,5 +1,5 @@
 html {
-	background:url(../img/baidufe_bj.gif);
+    background:#f9f9f9;
 	font-size: 14px;
 }
 body{

chrome/static/css/fe-jsonformat.css

@@ -23,7 +23,7 @@
 #jsonpOpener,#jsonpCloser{padding:4px 0 0 8px;color:black;margin-bottom:-6px}
 #jsonpCloser{margin-top:0}
 #formattedJson{padding-left:28px;padding-top:6px}pre{padding:36px 5px 5px 5px}
-.kvov{display:block;padding-left:20px;margin-left:-20px;position:relative}
+.kvov{display:block;padding-left:20px;margin-left:-20px;position:relative;padding-top: 2px;}
 #jfContent .kvov .s a {
     color:#00b;text-decoration: underline;
 }
@@ -31,7 +31,7 @@
     color:#b00;
 }
 .collapsed{white-space:nowrap}.collapsed>.blockInner{display:none}
-.collapsed>.ell:after{content:"…";font-weight:bold}
+.collapsed>.ell:after{content:"\2026";font-weight:bold}
 .collapsed>.ell{margin:0 4px;color:#888}
 .collapsed .kvov{display:inline}
 .e{width:20px;height:18px;display:block;position:absolute;left:-2px;top:1px;z-index:5;
@@ -59,7 +59,7 @@
 }
 
 html {
-    background:url(../img/baidufe_bj.gif);
+    background: #f9f9f9;
     font-size: 14px;
     color:#333;
     direction: ltr;
@@ -67,6 +67,7 @@ html {
 html body {
     background: inherit;
     direction: inherit;
+    cursor: default;
 }
 .mod-json {
     width:980px;
@@ -90,6 +91,7 @@ html body {
     padding:2px 5px;
     margin:0 auto;
     resize:none;
+    border-color: #ccc;
 }
 .mod-json .format-item button{
     width:80px;
@@ -135,11 +137,13 @@ html body {
 
 #jfContent .x-hover {
     outline:1px solid #cdc;
-    background: #f1f1f1;
+    background: #fff;
 }
 #jfContent .x-outline {
-    outline:1px solid #6ac;
-    background: #f9f9f9;
+    outline:1px solid #8ac;
+    box-shadow: rgba(100, 100, 100, 0.4) -3px 3px 5px;
+    font-weight: bold;
+    background-color: #fffff8;
 }
 #errorMsg {
     margin-top: 10px;

chrome/static/css/fe-qrcode.css

@@ -1,5 +1,5 @@
 html {
-	background:url(../img/baidufe_bj.gif);
+    background:#f9f9f9;
 	font-size: 14px;
 	color:#333;
 }

chrome/static/css/fe-regexp.css

@@ -1,5 +1,5 @@
 html {
-	background:url(../img/baidufe_bj.gif);
+    background:#f9f9f9;
 	font-size: 14px;
 }
 body{

chrome/static/css/fe-timestamp.css

@@ -1,5 +1,5 @@
 html {
-	background:url(../img/baidufe_bj.gif);
+    background:#f9f9f9;
 	font-size: 14px;
 }
 body{
@@ -31,7 +31,6 @@ body{
     height: 26px;
     line-height: 26px;
     padding:0 5px ;
-    font-size: 16px;
 }
 
 #txtNowDate,#txtNow,#txtDesStamp,#txtDesDate {
@@ -44,7 +43,6 @@ body{
     height: 26px;
     line-height: 26px;
     padding:0 5px ;
-    font-size: 16px;
 }
 
 .-e-btn {

chrome/static/js/endecode/endecode-lib.js

@@ -52,7 +52,7 @@ baidu.endecode = (function () {
      * @param {Object} text
      */
     var _uniDecode = function (text) {
-        text = text.replace(/\\/g, "%").replace('%u0025', '%25');
+        text = text.replace(/\\/g, "%").replace('%U','%u').replace('%u0025', '%25');
 
         text = unescape(text.toString().replace(/%2B/g, "+"));
         var matches = text.match(/(%u00([0-9A-F]{2}))/gi);

chrome/static/js/jsonformat/json-format-dealer.js

@@ -133,6 +133,7 @@ var JsonFormatDealer = (function () {
 
   // Template elements
     var templates,
+        baseDiv = document.createElement('div'),
         baseSpan = document.createElement('span') ;
     
     function getSpanBoth(innerText,className) {
@@ -151,10 +152,15 @@ var JsonFormatDealer = (function () {
       span.className = className ;
       return span ;
     }
+    function getDivClass(className) {
+        var span = baseDiv.cloneNode(false) ;
+        span.className = className ;
+        return span ;
+    }
 
     // Create template nodes
       var templatesObj = {
-        t_kvov: getSpanClass('kvov'),
+        t_kvov: getDivClass('kvov'),
         t_exp: getSpanClass('e'),
         t_key: getSpanClass('k'),
         t_string: getSpanClass('s'),