基于 yomikatawa 开发。
// ==UserScript==
// @name 便捷查找日文汉字读音
// @namespace http://tampermonkey.net/
// @version 1.0.0
// @description 基于 yomikatawa 开发。
// @author kOda
// @match *://*/*
// @license MIT
// @connect yomikatawa.com
// @connect www.ezlang.net
// @icon https://www.google.com/s2/favicons?sz=64&domain=bing.com
// @require https://code.jquery.com/jquery-3.7.1.min.js
// @grant GM_xmlhttpRequest
// ==/UserScript==
const CONST = {
popupDelayTime: 1500,
kanjiTrans: true,
defaultTitle: "<h1><span>「<strong></strong>」</span>の読み方</h1>",
errorTitle: `<h1>
<span><strong>读法获取失败！</strong></span>
<br>原因可能是非支持的汉字，可以在开启汉字转换功能 kanjiTrans 后尝试...
</h1>`,
html: `
<div id="yomikata-wrap">
<button>
<img src="data:image/x-icon;base64,AAABAAEAEBAAAAEACABoBQAAFgAAACgAAAAQAAAAIAAAAAEACAAAAAAAAAAAABMLAAATCwAAAAEAAAAAAADy9/oA5uvtANne4ACVmZoAsbW2AKqurwCmqqsAeXx9AIWIiQCDhocAfoGCAH2AgQDY3d8A1drcANPY2gDS19kAz9TWAMfMzgDGy80A6u/xAOnu8ADk6esAoqaoALO3uQCorK4Ap6utANHV1wDCxsgAYWNkANne4QDY3eAA8fb5APD1+ADv9PcA7vP2AO3y9QDk6ewA4+jrAOLn6gDg5egA3eLlAHZ5ewCJjI4AhomLAJeanACTlpgAkZSWAJCTlQCPkpQAjZCSAIyPkQCLjpAAsLO1AK6xswCrrrAAoqWnAJ+ipACdoKIAnJ+hAL/DxgC+wsUA1NjbAM7S1QDN0dQAys7RAMnN0ADs8PMA4ubpAN7i5QDb3+IAbW9xALq9wACsr7IAfH6AAHl7fQCJi40AhIaIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALgcHBwcHBwcHBwcHBwcHHDU+AgICAgICAgICAgICES41AQEAAEIAAAAAAAAVAgIuNQENOiRGMj4fABQ0Rj4CLjUBRUY9JhdGBD1GMT4kAi41AR85GBobSUZGRkc8QwIuNQEAHkY0ODYzMkgWNygCLjUBACAnJAswTEYxTDsAAi41AQAAACQtMAhGKwM0HwIuNQENRkAnRkESSgwGSyACLjUBRQQUREYJKUYxRiogAi41AQAAHSNESzxFRg8nHwIuNQEfGUYvRkZGRkZGRg4CLjUBARAeACEsPxMKJSIBAi41AgEBAQEBAQEBAQEBAT4uGxsbGxsbGxsbGxsbGxsbBQAAAAoAAGxpAABUeQAAAAAAAEltAAAAAAAAYm8AAGRzAABqYwAAAAEAAAAAAABSYwAAAAAAAAAAAAAAAAAAABQ=">
</button>
<article id="yomikata-get" class="content text-center"></article>
</div>`,
style: `
<style>
#yomikata-wrap {
position: absolute;
z-index: 2147483647;
}
#yomikata-wrap button {
position: fixed;
display: none;
padding: 0px;
border: 0px;
background-color: unset;
}
#yomikata-wrap button img {
width: 20px;
}
#yomikata-get {
position: fixed;
display: none;
text-align: center;
border-radius: 10px 20px;
background-color: #71777d;
color: #FFFFFF;
width: 320px;
height: auto;
}
#yomikata-get h1 {
font-weight: normal;
font-size: 2rem;
margin: 20px 0;
}
#yomikata-get h1 span {
font-weight: bolder;
}
#yomikata-get .table {
margin: auto;
width: auto;
min-width: 320px;
}
#yomikata-get .table td, .table th {
padding: 12px 8px;
}
</style>`,
}
var _global = {
yomikata: null
,head: null
,body: null
,yomikataBtn: null
,yomikataTitle: null
,transRes: null
,selectText: null
,popupDelay: null
,newText: false
}
var document = unsafeWindow.document;
$(unsafeWindow.document).ready(function _main() {
initScript();
_global.yomikataBtn.on("click", function(e) {
if (_global.newText) {
calcPosition(e.clientX, e.clientY);
if (CONST.kanjiTrans) kanjiTrans(() => fillYomikata(_global.transRes))
else fillYomikata(_global.selectText);
}
_global.newText = false;
})
$(document).on("selectionchange", function(e) {
var selection = document.getSelection();
var changeTarget = document.getSelection().baseNode;
_global.selectText = selection.toString().trim();
if (!_global.selectText) {
_global.yomikataBtn.css("display", "none");
}
})
$(document).on("click", function(e) {
if (!$(e.target).parents("#yomikata-wrap").length) {
_global.yomikata.css("display", "none");
if (_global.selectText){
_global.newText = true;
_global.yomikataBtn.css({top: `${e.clientY + 5}px`, left: `${e.clientX}px`, display: "block"});
}
}
})
})
function initScript() {
_global.head = $(document).find("head");
_global.body = $(document).find("body");
$("head").append(CONST.style);
$("body").append(CONST.html);
_global.yomikata = $(document).find("#yomikata-get");
_global.yomikataBtn = $(document).find("#yomikata-wrap button")
_global.yomikataTitle = $(document).find("#yomikata-get strong");
}
function fillYomikata(kanji) {
GM_xmlhttpRequest({
method: "get",
url: `https://yomikatawa.com/kanji/${kanji}`,
onload: (resp) => {
if (resp.status == 200) {
var dom = new DOMParser().parseFromString(resp.response, "text/html");
var article = $(dom).find("body > main > article");
_global.yomikata.empty();
_global.yomikata.append(article.find("h1")).append(article.find("#yomikata"));
} else {
_global.yomikata.empty();
_global.yomikata.append(CONST.errorTitle);
}
_global.yomikata.css("display", "block");
_global.yomikataBtn.css("display", "none");
}
})
}
function kanjiTrans(callback) {
// 本来是想做的，思路也有着，但就是有点担心被站主真实。
// 虽说用yomikatawa也有被真实的风险，但好在该站站主远在异国，与国内的网站相比，还是用国外的安心些....
// 找到符合要求的api后会加上这功能的，有推荐的可以告诉我。
// 10/26/4:48
// 还是加上了，被真实就真实吧，想用得爽点...
GM_xmlhttpRequest({
method: "post",
url: `https://www.ezlang.net/ajax/tool_data.php`,
data: `txt=${encodeURI(_global.selectText)}&lang=cn&sn=kanji`,
// 这三项属于必填的
headers: {
"Content-Type": "application/x-www-form-urlencoded; charset=UTF-8",
"X-Requested-With": "XMLHttpRequest",
"User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/118.0.0.0 Safari/537.36"
},
onload: (resp) => {
if (resp.status == 200) {
// replace(/[\x00-\x7F]/g, "");
_global.transRes = JSON.parse(resp.response)[1].replace(/[\x00-\x7F]/g, "")
console.log(_global.transRes);
callback();
} else {
console.log("汉字转换失败！")
}
}
})
}
function calcPosition(paramX, paramY) {
var x = paramX;
var y = paramY;
if ($(document).height() - y > 150) {
_global.yomikata.css({top: `${y+5}px`, bottom: `unset`});
} else {
_global.yomikata.css({top: `unset`, bottom: `${$(document).height() - y + 5}px`})
}
if ($(document).width() - x > 315) {
_global.yomikata.css({left: `${x+5}px`, right: "unset"});
} else {
_global.yomikata.css({left: `unset`, right: `5px`})
}
}