release v0.3

README.md

@@ -1,48 +1,45 @@
-## 日语划词翻译
+## 日语划词词典 ver0.3
-
-**部分预览图：**
-
-### translate.js
-
-特色： 
-
-和原来一样，没做修改
-
-### translate-dictionary.js
-
-[![lg6Ng1.md.png](https://s2.ax1x.com/2020/01/08/lg6Ng1.md.png)](https://imgchr.com/i/lg6Ng1)
 
 
 
-特色：  
+[github主页](https://github.com/fthvgb1/tampermonkey-script)
-* 只调用沪江小D查询日语
+
+### 说明
+
+调用沪江小d的网页
+
+fork https://github.com/barrer/tampermonkey-script 修改的，并参考了http://uusama.com/648.html 
+
+### 截图
+
+[![1VUfWn.md.png](https://s2.ax1x.com/2020/01/23/1VUfWn.md.png)](https://imgchr.com/i/1VUfWn)
+
+[![1VUrsf.md.png](https://s2.ax1x.com/2020/01/23/1VUrsf.md.png)](https://imgchr.com/i/1VUrsf)
+
+
+
+### 功能
+
+* 只调用沪江小D查询日语，可以点击语音按钮发音
+* 有多个发音时，可以点击切换
 * 支持浏览器：Google Chrome、Firefox、Safari、Firefox for Android（无拖动）
 * 支持图标拖动
 * 支持面板自动调整位置
 
-安装地址：
 
-① 日语划词翻译
+
+下个版本实现 日->中|中->日的切换
+
+### 其它
+
+安装地址：
 
 https://greasyfork.org/zh-CN/scripts/394792
 
-② Translate  
+**使用前：**  先安装猴油脚本之类的扩展
-https://greasyfork.org/zh-CN/scripts/34921-translate
-
-可以使用更多的翻译引擎！
-
-**使用前：**  
 [https://tampermonkey.net/](https://tampermonkey.net/)  
 下载对应浏览器的扩展程序
 
-Tampermonkey 是一款免费的浏览器扩展和最为流行的用户脚本管理器，它适用于 Chrome, Microsoft Edge, Safari, Opera Next, 和 Firefox。
+### ps
-
-虽然有些受支持的浏览器拥有原生的用户脚本支持，但 Tampermonkey 将在您的用户脚本管理方面提供更多的便利。 它提供了诸如便捷脚本安装、自动更新检查、标签中的脚本运行状况速览、内置的编辑器等众多功能， 同时Tampermonkey还有可能正常运行原本并不兼容的脚本。
-
-它可以很快的安装好，来试一试吧！
-
-脚本名 | 用途
--|-
-translate.js|划词翻译调用“金山词霸、有道词典（有道翻译）、Google Translate（谷歌翻译）、沪江小D、搜狗翻译、必应词典（必应翻译）、Microsoft Translator（必应在线翻译）、海词词典、百度翻译、Oxford Learner's Dictionaries、Oxford Dictionaries、Merriam-Webster、PDF 划词翻译、Google Search、Bing Search（必应搜索）、百度搜索、Wikipedia Search（维基百科搜索）”网页翻译
-translate-dictionary.js|日语划词翻译
 
+前端苦手，样式好难啊。

translate/translate-dictionary.js

@@ -1,7 +1,7 @@
 // ==UserScript==
 // @name         日语划词翻译
 // @namespace    http://tampermonkey.net/
-// @version      0.2
+// @version      0.3
 // @description  调用沪江小D进行日语划词翻译
 // @author       https://github.com/barrer
 // @match        http://*/*
@@ -56,9 +56,7 @@
     position: relative
 }
 
-.word-details-header {
+
-    padding: 40px 30px
-}
 
 .word-details-header>p {
     line-height: 20px;
@@ -117,7 +115,7 @@
 }
 
 .word-details-pane-header {
-    padding: 23px 32px;
+    padding: 6px 10px;
     background-image: -webkit-linear-gradient(276deg,#030303,#f90);
     background-image: -o-linear-gradient(276deg,#030303,#f90);
     background-image: linear-gradient(276deg,#030303,#f90);
@@ -286,7 +284,6 @@
     .hjenglish dl,.hjenglish dt,.hjenglish dd,.hjenglish p,.hjenglish ul,.hjenglish li,.hjenglish h3{margin:0;padding:0;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0}
     .hjenglish h3{font-size:1em;font-weight:normal}
     .hjenglish .detail-pron,.hjenglish .pronounces{color: #00c;}
-    .hjenglish ul{margin-left:2em}
     .hjenglish .def-sentence-from,.hjenglish .def-sentence-to{display:none}
     .hjenglish .detail-groups dd h3:before{counter-increment:eq;content:counter(eq) ".";display:block;width:22px;float:left}
     .hjenglish .detail-groups dl{counter-reset:eq;margin-bottom:.5em;clear:both}
@@ -347,7 +344,7 @@
 
             obj[ids.HJENGLISH] = function (text, time) {
                 ajax('https://dict.hjenglish.com/jp/jc/' + encodeURIComponent(text), function (rst) {
-                    putEngineResult(ids.HJENGLISH, parseHjenglish(rst), time);
+                    putEngineResult(ids.HJENGLISH, parseHjenglish(rst, time), time);
                     showContent();
                 }, function (rst) {
                     putEngineResult(ids.HJENGLISH, htmlToDom('error: 无法连接翻译服务'), time);
@@ -930,13 +927,18 @@
 
 
     /**沪江小D排版*/
-    function parseHjenglish(rst) {
+    function parseHjenglish(rst, time) {
         var audio = new AudioPlayer();
         var dom = document.createElement('div');
         dom.setAttribute('class', ids.HJENGLISH);
         var parser = new DOMParser(), doc = parser.parseFromString(rst, 'text/html'),
             //content = doc.documentElement;
             content = doc.getElementsByClassName('word-details')[0];
+        if (!content) {
+            putEngineResult(ids.HJENGLISH, htmlToDom('error: 查询无结果，可能没这个词'), time);
+            showContent();
+            return;
+        }
         dom.appendChild(content);
         //添加音频按钮
         var auds = dom.querySelectorAll('.word-audio');
@@ -959,6 +961,12 @@
         panee.forEach(function (pane) {
             pane.parentNode.removeChild(pane);
         });
+        var h = dom.querySelectorAll('.simple h2');
+        if (h) {
+            h.forEach(function (h) {
+                h.outerHTML = `<b>${h.textContent}</b>`;
+            })
+        }
 
         var wDHs = dom.querySelectorAll('.word-details-header>p');
         wDHs.forEach(function (wDH) {