Greasy Fork is available in English.
ChatGPT助手，无须繁琐的注册流程，无须key，直接与AI对话！
// ==UserScript== // @name ChatGPT助手【豪华版】 // @namespace http://www.luckyblank.cn/openai/ // @version 2023.03.30.01 // @author luckyblank // @description ChatGPT助手，无须繁琐的注册流程，无须key，直接与AI对话！ // @icon data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAH1UExURUxpcXeqn3WqnHWonHSpnHWonHWpnG22knWpnHWpnHSmm3apm3SpnHWonHWpnHSonHWpnHWpm3apnXWpnHWpm3WpnP///8fc19fm43mrn67Nxf7///r8+6HFvNPk4JS8ssXb1XirnsDY0sPa1Pj7+qbHv5i/tXeqnvz9/X6uoo65roq2q+Tu7P3+/qrKwqDEu9bm4vP39qfIwPv9/NXl4ezz8Xqsn+nx73msn5/Dusnd2N7q59zp5pC6r4CwpKLFvIOxpszf2oSypsTa1fn7+/P49t/r6JrAt8LZ1L/X0d3q53aqnczf287h3Ie0qc7g3Pr8/LTQybDOxpvBuObv7c/h3PX5+Ory8ODr6OPt65G7sLnTzYWzp/n7+oi1qv7+/tTk4J7Cucve2Z3Cub7X0H+vo8LZ053CuKnJwff6+tnn4/3+/fD29XytoYWzqJe+tJa+tHapnHeqnaHEu8vf2oGxpazLw3utoMre2ZW9s7XRyu/19H2uou/186XHv6jJwNDi3sjd2OLt6u308ufw7tfm4rjTzK3MxOjw7tvp5dHi3sjd15m/tvL39q/Nxvb5+OPu64y3rIOyptnn5LbSy+Ds6eHs6tbl4cHZ0/v8/H6vo4GwpZ7Dus/h3fb6+ZK7sfT49/f6+aLFvavLw6zLxM3g28bc1pQLf2QAAAAVdFJOUwAtv5bz1PQH/dUuj5WQ/CyYwJHykqKEGP8AAAAJcEhZcwAAAHYAAAB2AU57JggAAAIcSURBVDjLhdNle9swEABgFdK0Kw7uHMfp6iTeAksaThpoUmZuV1x5zMxbx8wM7Xj7nZNjx/L2rNl9kXR6H51snwmhsWFTWQn8FSWGygKihLGmFP4ZpUXG7P5GWDcKZVEDeaKC1mfnHxUvoSV19YQOVFWTLdpiUfJ2POx/jOEzAy4tWU7KctPG95FpOjT0IA2PT80aSHEOpKQ5mSUxIA7bD2OzI5vdTNTt1QXBDvAxMT/7qkE+h8PdyoYC+DX0YgYyX4W+FwBunqYOhpp0YAl/1eN22Or5DPD8Jd6sBTiOZgYa8SfUysAMH+wWW/AK3ndbUWRADKUVMGIex1YrRGcs3uvYxcCzKVCAJTb66FZsFGDXTgHPMjD2WgWcFeCkHd/uoOshj0MD16QoLOI2+Q406ifpPXh4gisaOIXD4JiZXUoqwARx/Ab80zB7TJMzmK17nr4BK2eCOnocJGMMBBH9tO6FqYhveUJSwZsxBrpRDDltl6G3G7/8+K6AtLOZARu65hYwcLfL8s4l30EGCTzGwH6MA3Tew9u0Tp1HBmYOT+u+xZ62nl4AB91uGRQ+ZWAZ53HQqgMwgn3n6BC90+bl0nLJB51qH+QaphUD3EWuHVNuuhiQwlrPaS3n6zhEW+2G3I3TkSE3A5XalG860o/j/sSkcGAf62tS8MdvFfe3Oyf2tugyhBRB3qC/XuF/ADFWVOUHhFSXG4rXA78BYbiLJDUXqsMAAABXelRYdFJhdyBwcm9maWxlIHR5cGUgaXB0YwAAeJzj8gwIcVYoKMpPy8xJ5VIAAyMLLmMLEyMTS5MUAxMgRIA0w2QDI7NUIMvY1MjEzMQcxAfLgEigSi4A6hcRdPJCNZUAAAAASUVORK5CYII= // @match https://cn.bing.com/* // @match https://www.bing.com/* // @match https://chat.openai.com/chat // @match https://www.google.com/* // @match https://www.so.com/s* // @match http*://www.baidu.com/s* // @match https://www.baidu.com* // @match https://m.baidu.com/* // @match http*://yandex.ru/search* // @match http*://yandex.com/search* // @match https://search.ecnu.cf/search* // @match https://search.aust.cf/search* // @match https://search.*.cf/search* // @match https://fsoufsou.com/search* // @match https://www.google.com.hk/* // @run-at document-end // @require https://code.jquery.com/jquery-3.6.0.min.js // @require https://cdn.jsdelivr.net/npm/[email protected]/dist/sweetalert.min.js // @require https://cdn.bootcdn.net/ajax/libs/layer/3.5.1/layer.js // @require https://cdn.staticfile.org/vue/2.7.0/vue.min.js // @require https://unpkg.com/element-ui/lib/index.js // @require https://cdn.jsdelivr.net/npm/[email protected]/dist/typeit.min.js // @require https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js // @require https://unpkg.com/axios/dist/axios.min.js // @require https://cdn.jsdelivr.net/npm/[email protected]/marked.min.js // @require https://cdnjs.cloudflare.com/ajax/libs/markdown-it/13.0.1/markdown-it.min.js // @require https://cdn.jsdelivr.net/npm/[email protected]/dist/showdown.min.js // @require https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js // @connect chatforai.cc // @connect www.luckyblank.cn // @connect www.luckyblank.cn/openai/bussinessapi/action/communicate // @connect api.aigcfun.com // @grant GM_log // @grant GM_notification // @grant unsafeWindow // @grant GM_addStyle // @grant GM_setValue // @grant GM_getValue // @grant GM_setClipboard // @grant GM_xmlhttpRequest // @grant GM_addElement // @grant GM_openInTab // @grant GM_getResourceText // @grant GM_registerMenuCommand // @grant GM_info // @license MIT // ==/UserScript== (function () { 'use strict'; //引入css文件 $("head").append($('<link rel="stylesheet" href="https://www.luckyblank.cn/outer/layer-v3.5.1/layer/theme/default/layer.css">')); // $("head").append($('<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">')); $("head").append($('<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/element-ui/2.15.13/theme-chalk/index.min.css">')); $("head").append($('<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/5.1.0/github-markdown.css">')); $("head").append($('<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/default.min.css">')); //打字机效果 GM_addStyle(` @-webkit-keyframes blink { 0% { opacity: 1 } 50% { opacity: 0 } 100% { opacity: 1 } } @keyframes blink { 0% { opacity: 1 } 50% { opacity: 0 } 100% { opacity: 1 } } .ti-container { display: block; font-size: inherit } .ti-text-container { position: relative; display: inline; font-size: inherit } .ti-text-container:before { content: ''; display: inline-block; width: 1px; height: 1em; position: relative } .ti-text-container.active-container.ti-cursor:after { display: inline } .ti-cursor:after { display: none; content: '|'; bottom: .05em; right: -.25em; position: absolute; line-height: normal; font-size: inherit; -webkit-animation: blink 1s infinite; animation: blink 1s infinite } `); //在线客服效果 GM_addStyle(`@keyframes scaleToggleOne { 0% { transform:scale(1); -webkit-transform:scale(1) } 50% { transform:scale(2); -webkit-transform:scale(2) } 100% { transform:scale(1); -webkit-transform:scale(1) } } @keyframes scaleToggleTwo { 0% { transform:scale(1); -webkit-transform:scale(1) } 20% { transform:scale(1); -webkit-transform:scale(1) } 60% { transform:scale(2); -webkit-transform:scale(2) } 100% { transform:scale(1); -webkit-transform:scale(1) } } @keyframes scaleToggleThree { 0% { transform:scale(1); -webkit-transform:scale(1) } 33% { transform:scale(1); -webkit-transform:scale(1) } 66% { transform:scale(2); -webkit-transform:scale(2) } 100% { transform:scale(1); -webkit-transform:scale(1) } } .animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .livechat-girl { width: 60px; height: 60px; border-radius: 50%; position: fixed; bottom: 0; right: 40px; opacity: 0; -webkit-box-shadow: 0 5px 10px 0 rgba(35,50,56,.3); box-shadow: 0 5px 10px 0 rgba(35,50,56,.3); z-index: 700; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); cursor: pointer; -webkit-transition: all 1s cubic-bezier(.86, 0, .07, 1); transition: all 1s cubic-bezier(.86, 0, .07, 1) } .livechat-girl:focus { outline: 0 } .livechat-girl.animated { opacity: 1; transform: translateY(-40px); -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px) } .livechat-girl:after { content: ''; width: 12px; height: 12px; border-radius: 50%; background-image: linear-gradient(to bottom, #26c7fc, #26c7fc); position: absolute; right: 1px; top: 1px; z-index: 50 } .livechat-girl .girl { position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 50 } .livechat-girl .animated-circles .circle { background: rgba(38,199,252,.25); width: 60px; height: 60px; border-radius: 50%; position: absolute; z-index: 49; transform: scale(1); -webkit-transform: scale(1) } .livechat-girl .animated-circles.animated .c-1 { animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards } .livechat-girl .animated-circles.animated .c-2 { animation: 2.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards } .livechat-girl .animated-circles.animated .c-3 { animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards } .livechat-girl.animation-stopped .circle { opacity: 0!important } .livechat-girl.animation-stopped .circle { opacity: 0!important } .livechat-girl .livechat-hint { position: absolute; right: 40px; top: 50%; margin-top: -20px; opacity: 0; z-index: 0; -webkit-transition: all .3s cubic-bezier(.86, 0, .07, 1); transition: all .3s cubic-bezier(.86, 0, .07, 1) } .livechat-girl .livechat-hint.show_hint { -webkit-transform: translateX(-40px); transform: translateX(-40px); opacity: 1 } .livechat-girl .livechat-hint.hide_hint { opacity: 0; -webkit-transform: translateX(0); transform: translateX(0) } .livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 1296px!important } .livechat-girl .livechat-hint.rd-notice-tooltip .rd-notice-content { width: auto; overflow: hidden; text-overflow: ellipsis } @media only screen and (max-width:1599px) { .livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 1060px!important } } @media only screen and (max-width:1309px) { .livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 984px!important } } @media only screen and (max-width:1124px) { .livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 600px!important } } .rd-notice-tooltip { -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2); box-shadow: 0 2px 2px rgba(0,0,0,.2); font-size: 14px; border-radius: 3px; line-height: 1.25; position: absolute; z-index: 65; max-width: 350px; opacity: 1 } .rd-notice-tooltip:after { position: absolute; display: block; content: ''; height: 20px; width: 20px; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index: 50 } .rd-notice-tooltip .rd-notice-content { background: 0; border-radius: 3px; width: 100%; color: #fff; position: relative; z-index: 60; padding: 20px; font-weight: 400; line-height: 1.45 } .rd-notice-type-success { background-color: #26c7fc; -webkit-box-shadow: 0 5px 10px 0 rgba(38,199,252,.2); box-shadow: 0 5px 10px 0 rgba(38,199,252,.2) } .rd-notice-type-success .rd-notice-content { background-color: #26c7fc } .rd-notice-type-success:after { background-color: #26c7fc; -webkit-box-shadow: 0 5px 10px 0 rgba(38,199,252,.2); box-shadow: 0 5px 10px 0 rgba(38,199,252,.2) } .rd-notice-position-left { margin-left: -20px } .rd-notice-position-left:after { right: -6px; top: 50%; margin-top: -10px } .rd-notice-tooltip.single-line .rd-notice-content { height: 40px; padding: 0 20px; line-height: 40px; white-space: nowrap } .girl{border-radius: 50%;-webkit-animation:run 6s cubic-bezier(0.82, 0.11, 0.46, 0.98) 0s infinite; -webkit-user-drag: none;} .girl:hover{ -webkit-animation-play-state:paused; } @-webkit-keyframes run{ from{ -webkit-transform:rotate(0deg); } to{ -webkit-transform:rotate(360deg); } } `); //公共效果 GM_addStyle(` #app{ min-width:539px; right: 20px; top: 100px; z-index: 9999; } .history-questions::-webkit-scrollbar { display:none } .history-questions{ background-color: #ddddda; min-height: 291px; max-height: 291px; padding: 10px; overflow-y: scroll; text-align: left; } .d-none{ display:none !important; } .layui-layer-content .d-none{ display:block !important; } .fun-group{ display: flex; justify-content: space-between; } .setting-wrapper{ padding:20px; } .el-input-location{ width: 207px; } .notice-textarea textarea{ width:100% !important; height: 124px; } .footer-info{ color: #909399; text-align: center; } .update-tip{ position: absolute; left: 10px; width: 96%; } .update-tip .el-alert__closebtn { color: red !important; } `); //逻辑代码 //加载外部化配置文件 let outArgs = {}; let dynamicPublicKey = "FCX138KOGK05RQW0D8"; outArgs = getArgs(); dynamicPublicKey = getPublicKey(); //添加元素 let chatAi = `<div id="openai" class="livechat-girl animated"> <img class="girl" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAH1UExURUxpcXeqn3WqnHWonHSpnHWonHWpnG22knWpnHWpnHSmm3apm3SpnHWonHWpnHSonHWpnHWpm3apnXWpnHWpm3WpnP///8fc19fm43mrn67Nxf7///r8+6HFvNPk4JS8ssXb1XirnsDY0sPa1Pj7+qbHv5i/tXeqnvz9/X6uoo65roq2q+Tu7P3+/qrKwqDEu9bm4vP39qfIwPv9/NXl4ezz8Xqsn+nx73msn5/Dusnd2N7q59zp5pC6r4CwpKLFvIOxpszf2oSypsTa1fn7+/P49t/r6JrAt8LZ1L/X0d3q53aqnczf287h3Ie0qc7g3Pr8/LTQybDOxpvBuObv7c/h3PX5+Ory8ODr6OPt65G7sLnTzYWzp/n7+oi1qv7+/tTk4J7Cucve2Z3Cub7X0H+vo8LZ053CuKnJwff6+tnn4/3+/fD29XytoYWzqJe+tJa+tHapnHeqnaHEu8vf2oGxpazLw3utoMre2ZW9s7XRyu/19H2uou/186XHv6jJwNDi3sjd2OLt6u308ufw7tfm4rjTzK3MxOjw7tvp5dHi3sjd15m/tvL39q/Nxvb5+OPu64y3rIOyptnn5LbSy+Ds6eHs6tbl4cHZ0/v8/H6vo4GwpZ7Dus/h3fb6+ZK7sfT49/f6+aLFvavLw6zLxM3g28bc1pQLf2QAAAAVdFJOUwAtv5bz1PQH/dUuj5WQ/CyYwJHykqKEGP8AAAAJcEhZcwAAAHYAAAB2AU57JggAAAIcSURBVDjLhdNle9swEABgFdK0Kw7uHMfp6iTeAksaThpoUmZuV1x5zMxbx8wM7Xj7nZNjx/L2rNl9kXR6H51snwmhsWFTWQn8FSWGygKihLGmFP4ZpUXG7P5GWDcKZVEDeaKC1mfnHxUvoSV19YQOVFWTLdpiUfJ2POx/jOEzAy4tWU7KctPG95FpOjT0IA2PT80aSHEOpKQ5mSUxIA7bD2OzI5vdTNTt1QXBDvAxMT/7qkE+h8PdyoYC+DX0YgYyX4W+FwBunqYOhpp0YAl/1eN22Or5DPD8Jd6sBTiOZgYa8SfUysAMH+wWW/AK3ndbUWRADKUVMGIex1YrRGcs3uvYxcCzKVCAJTb66FZsFGDXTgHPMjD2WgWcFeCkHd/uoOshj0MD16QoLOI2+Q406ifpPXh4gisaOIXD4JiZXUoqwARx/Ab80zB7TJMzmK17nr4BK2eCOnocJGMMBBH9tO6FqYhveUJSwZsxBrpRDDltl6G3G7/8+K6AtLOZARu65hYwcLfL8s4l30EGCTzGwH6MA3Tew9u0Tp1HBmYOT+u+xZ62nl4AB91uGRQ+ZWAZ53HQqgMwgn3n6BC90+bl0nLJB51qH+QaphUD3EWuHVNuuhiQwlrPaS3n6zhEW+2G3I3TkSE3A5XalG860o/j/sSkcGAf62tS8MdvFfe3Oyf2tugyhBRB3qC/XuF/ADFWVOUHhFSXG4rXA78BYbiLJDUXqsMAAABXelRYdFJhdyBwcm9maWxlIHR5cGUgaXB0YwAAeJzj8gwIcVYoKMpPy8xJ5VIAAyMLLmMLEyMTS5MUAxMgRIA0w2QDI7NUIMvY1MjEzMQcxAfLgEigSi4A6hcRdPJCNZUAAAAASUVORK5CYII="> <div class="livechat-hint rd-notice-tooltip rd-notice-type-success rd-notice-position-left single-line hide_hint"> <div class="rd-notice-content">嘿，ChatGPT来帮您！</div> </div> <div class="animated-circles"> <div class="circle c-1"></div> <div class="circle c-2"></div> <div class="circle c-3"></div> </div> </div>`; $("body").append(chatAi); const mainEl = `<div id="app" class="d-none"> <el-card class="box-card"> <div class="demo-input-suffix"> <div class="demo-input-suffix"> <div class=" update-wrapper"> <el-alert v-if="hasNew" title="有新版本 V${outArgs.chatgpt.lastestVersion} 发布，建议您更新！" type="warning" @close="update" show-icon class="update-tip" close-text="点我更新" > </el-alert> </div> <article id="chat-answer" class="markdown-body"> <el-empty v-show="emptyRecord" description="暂无记录"> </el-empty> <div v-show="!emptyRecord" class="history-questions" > </div> </article> <el-input placeholder="请输入内容" v-model="your_qus" class="typeit-box" id="chat-input" clearable> <el-button slot="append" id="chat-search" @click="your_qus !== '' ? doIt() : ''" type="primary" icon="el-icon-s-promotion">chat一下</el-button> </el-input> <el-dialog title="配置页" :visible.sync="dialogFormVisible" destroy-on-close="true"> <el-form :model="settingForm"> <el-form-item label="APIKey" :label-width="formLabelWidth"> <el-input v-model="settingForm.apikey" show-password autocomplete="off"></el-input> </el-form-item> </el-form> <div slot="footer" class="dialog-footer"> <el-button @click="dialogFormVisible = false">取 消</el-button> <el-button type="primary" @click="setConfig()">确 定</el-button> </div> </el-dialog> <div class="fun-group"> <el-button type="text" @click="dialogFormVisible = true">点击打开配置</el-button> <el-button type="text" @click="goWebOpenai">点击跳转网页版</el-button> </div> <div class="footer-info"> <span class="curr-version">当前版本：V${GM_info.script.version}</span> </div> </div> </el-card> </div> `; $("body").append(mainEl); function getArgs() { let jsonURL = "https://www.luckyblank.cn/wechatofficial/mock/getjson?f=script-config.json"; $.ajax({ type: "GET", url: jsonURL, cache: false, async: false, //设置同步了~~~~~~~~~ dataType: "json", success: function (data) { outArgs = data; } }); console.log("outArgs:" + outArgs); return outArgs; } //获取动态key function getPublicKey() { let jsonURL = "https://api.aigcfun.com/fc/key"; $.ajax({ type: "GET", url: jsonURL, cache: false, async: false, //设置同步了~~~~~~~~~ dataType: "json", headers: { "Content-Type": "application/json" }, success: function (res) { console.log(res); dynamicPublicKey = res.data; } }); console.log("dynamicPublicKey:" + dynamicPublicKey); return dynamicPublicKey; } //enc-start async function digestMessage(r) { const hash = CryptoJS.SHA256(r); return hash.toString(CryptoJS.enc.Hex); } const generateSignature = async r => { const { t: e, m: t } = r; //const n = {}.PUBLIC_SECRET_KEY; const n = outArgs.chatgpt.n; console.log("n:" + n); const a = `${e}:${t}:${n}`; return await digestMessage(a); }; //enc-end //焦点函数 function isBlur() { var myInput = document.getElementById('chat-input'); if (myInput == document.activeElement) { return 1; } else { return 0; } } //Enter键触发搜索 function keyEvent() { document.onkeydown = function (e) { var keyNum = window.event ? e.keyCode : e.which; if (13 == keyNum) { if (isBlur()) { document.getElementById('chat-search').click(); } else { console.log("失焦不执行"); } } }; } //md转换 function mdConverter(rawData) { var converter = new showdown.Converter(); //增加拓展table converter.setOption('tables', true); //启用表格选项。从showdown 1.2.0版开始，表支持已作为可选功能移入核心拓展，showdown.table.min.js扩展已被弃用 var view = converter.makeHtml(rawData); return view; } //是否是单独点击还是拖拽中点击 var isClick = true; //是否是移动后，按键弹起。若未移动，则表示是单击事件，否则是拖拽过程中的按键点击 var isMove = false; //绑定元素拖动 function bindGrabbleById(id) { var isDraging = false; // 判断一下这个按下是点击还是拖动 var oDrag = document.getElementById(id); let mouseOffsetX; let mouseOffsetY; var moveX = 0; //浮层元素的新位置 var moveY = 0; oDrag.addEventListener('mousedown', function (e) { //鼠标事件1 - 在标题栏按下（要计算鼠标相对拖拽元素的左上角的坐标 ，并且标记元素为可拖动） var e1 = e || window.event; mouseOffsetX = e1.pageX - oDrag.offsetLeft; mouseOffsetY = e1.pageY - oDrag.offsetTop; isDraging = true; }); document.onmouseup = function (e) { if (!isMove) { isClick = true; } isMove = false; //鼠标事件3 - 鼠标松开的时候（标记元素为不可拖动） isDraging = false; if (!isClick) { //拖拽之后的位置上 //记录元素当前的位置 console.log("moveX:" + moveX + " moveY:" + moveY); GM_setValue("openaiLocation", JSON.stringify({ left: moveX, top: moveY })); } }; document.onmousemove = function (e) { // console.log("document.onmousemove"); //鼠标事件2 - 鼠标移动时（要检测，元素是否标记为移动） var e1 = e || window.event; var mouseX = e1.pageX; //鼠标当前的位置 var mouseY = e1.pageY; moveX = 0; //浮层元素的新位置 moveY = 0; if (isDraging === true) { moveX = mouseX - mouseOffsetX; moveY = mouseY - mouseOffsetY; // 范围限定 moveX>0 并且 moveX < (页面最大宽度-浮层的宽度) // moveY>0 并且 moveY < (页面最大高度-浮层的高度) //页面宽高 var pageWidth = document.documentElement.clientWidth; var pageHeight = document.documentElement.clientHeight; //图层宽高 var dialogWidth = oDrag.offsetWidth; var dialogHeight = oDrag.offsetHeight; var maxX = pageWidth - dialogWidth; var maxY = pageHeight - dialogHeight; moveX = Math.min(maxX, Math.max(0, moveX)); moveY = Math.min(maxY, Math.max(0, moveY)); oDrag.style.left = moveX + 'px'; oDrag.style.top = moveY + 'px'; //拖动后，把isClick设为false，后面就不会执行点击事件 isClick = false; isMove = true; e.preventDefault(); } }; } function initOpenaiLocation() { let locationStr = GM_getValue("openaiLocation"); console.log("initOpenaiLocation " + locationStr); if (locationStr) { let location = JSON.parse(locationStr); $("#openai").css({ "left": `${location.left}px`, "top": `${location.top}px` }); } } function loadFunSwitch() { let screenWidth = $(window).width(); let screenHeight = $(window).height(); let openaiLeft = $("#openai").css('left').replace("px", ""); let openaiTop = $("#openai").css('top').replace("px", ""); console.log("openaiLeft:" + openaiLeft + "openaiTop:" + openaiTop); GM_registerMenuCommand("功能开关", () => { var content = ` <div class="setting-wrapper"> <form class="el-form el-form--label-left"> <div class="el-form-item"> <label class="el-form-item__label" style="width: 80px;">图标位置</label> <div class="el-form-item__content" style="margin-left: 80px;"> <div class="el-input el-input-location"> <input placeholder="请输入x轴坐标" value="${openaiLeft}" type="text" class="el-input__inner location-x " autocomplete="off" > </div> <div class="el-input el-input-location"> <input placeholder="请输入y轴坐标" value="${openaiTop}" type="text" class=" el-input__inner location-y" autocomplete="off" > </div> <div class="el-form-item__error">当前屏幕宽度度 ${screenWidth} px,宽度 ${screenHeight} px</div> </div> </div> <div class="el-form-item"> <label class="el-form-item__label" style="width: 80px;">注意事项</label> <div class="el-form-item__content" style="margin-left: 80px;"> <div class="el-textarea notice-textarea"> <textarea autocomplete="off" class="el-textarea__inner" style="min-height: 32.8182px;">支持拖动图标！或者点击【预览】按钮查看设置后的位置，记得需要点击【保存】按钮，下次才会生效。</textarea> </div> </div> </div> </form> </div> `; layer.open({ id: "layer-setting", title: "功能开关", type: 1, maxmin: false, shade: 0.3, shadeClose: false, anim: 0, resize: false, // area: ['539px', '445px'], area: ['539px', '358px'], content: content, btnAlign: 'c', btn: ['保存', '预览', '取消'], yes: function (index, layero) { //按钮【按钮一】的回调 console.log("save..."); let x = $(".location-x").val(); let y = $(".location-y").val(); if (x != "" && y != "" && Number(x) > 0 && Number(y) > 0 && x < $(window).width() && y < $(window).height()) { $("#openai").css({ "left": `${x}px`, "top": `${y}px` }); GM_setValue("openaiLocation", JSON.stringify({ left: x, top: y })); layer.msg("保存成功"); layer.close(index); } else { layer.msg("图标位置格式输入有误！"); } }, btn2: function (index, layero) { //按钮【按钮二】的回调 console.log('preview..'); let x = $(".location-x").val(); let y = $(".location-y").val(); console.log("x:" + x + " y:" + y); if (x != "" && y != "" && Number(x) > 0 && Number(y) > 0 && x < $(window).width() && y < $(window).height()) { $("#openai").css({ "left": `${x}px`, "top": `${y}px` }); } else { layer.msg("图标位置格式输入有误！"); } return false; //开启该代码可禁止点击该按钮关闭 }, cancel: function () { //右上角关闭回调 //return false 开启该代码可禁止点击该按钮关闭 } }); }); } $(function () { //初始化openai的起始位置 initOpenaiLocation(); //加载功能开关 loadFunSwitch(); //绑定拖动 bindGrabbleById("openai"); //开启定时特效 setInterval(function () { if ($(".animated-circles").hasClass("animated")) { $(".animated-circles").removeClass("animated"); } else { $(".animated-circles").addClass('animated'); } }, 3000); var wait = setInterval(function () { $(".livechat-hint").removeClass("show_hint").addClass("hide_hint"); clearInterval(wait); }, 4500); $(".livechat-girl").hover(function () { //console.log("hover......."); clearInterval(wait); $(".livechat-hint").removeClass("hide_hint").addClass("show_hint"); }, function () { //console.log("unhover......."); $(".livechat-hint").removeClass("show_hint").addClass("hide_hint"); }); $(".livechat-girl").click(function () { if (isClick) { layer.open({ id: "layer-chat", title: "正在和ChatGPT沟通中...", type: 1, maxmin: true, shade: 0, shadeClose: false, anim: 1, offset: 'rb', // area: ['539px', '445px'], area: ['580px', '505px'], content: $('#app') }); } }); keyEvent(); }); //vue相关的实例 new Vue({ el: '#app', data: { hasNew: false, //是否有新版本 message: 'Hello ChatGPT !', emptyRecord: true, your_qus: "", referer: "https://aigcfun.com", defaultApiKey: "defaultApiKey", chatURL: `https://api.aigcfun.com/api/v1/text?key=${outArgs.chatgpt.n}`, // chatURL: "http://www.luckyblank.cn/openai/bussinessapi/action/communicate", waitWord: "正在搜索中...为了防止您打瞌睡，下面请您欣赏一段优美的句子：", tiandaoWords: ["这就是圆融世故，不显山不露水，各得其所。可品行这个东西今天缺个角，明天裂个缝，也就离坍陷不远了。——————《天道》", "要想做点事，别把自己太当人，别把别人不当人。——————《天道》", "女人是形式逻辑的典范，是辩证逻辑的障碍，我无意摧残女人，也不想被女人摧残。——————《天道》", "这就是圆融世故，不显山不露水，各得其所。可品行这个东西今天缺个角，明天裂个缝，也就离坍陷不远了。——————《天道》", "着相了，佛教得一个术语，意思是执迷于表象而偏离本质。——————《天道》", "佛说，看山是山，看水是水。我只是依佛法如实观照，看摩登女郎是摩登女郎，看红颜知己是红颜知己。——————《天道》", "当有人笑话耶稣是傻子的时候，其实谁都不傻，仅仅是两种价值观不兼容。——————《天道》", "灵魂归宿感， 这是人性本能的需要，是人性你帮他找块干净的地方归宿灵魂。——————《天道》", "如果我孝顺的口碑是以我父亲的痛苦和尊严为条件的话，那这样的口碑我情愿不要。——————《天道》", "从心理学的角度分析，越是头脑简单的人越是需要点缀和填充，而头脑复杂的人则对简洁有着特殊的心理需求。——————《天道》", "强势文化就是遵循事物规律的文化，弱势文化就是依赖强者的道德期望破格获取的文化，也是期望救主的文化。——————《天道》", "不因上天堂与下地狱的因果关系而具有的极高人生境界，就是窄门。——————《天道》", "传统文化毕竟是以皇恩浩荡为先决条件的文化，讲的都是皆空、无为、中庸的理，以抑制个性而求生求解。——————《天道》", "天下之道论到极至，百姓的柴米油盐；人生冷暖论到极至，男人和女人的一个情字。——————《天道》"], dialogFormVisible: false, settingForm: { apikey: 'defaultApiKey' }, formLabelWidth: '120px', webPageUrl: "http://www.luckyblank.cn/openai/" }, created: function () { console.log("GM_getValue(openaiSetting) :" + GM_getValue("openaiSetting")); let settingFormStr = GM_getValue("openaiSetting"); if (settingFormStr) { let settingForm_ = JSON.parse(settingFormStr); if (settingForm_.apikey && settingForm_.apikey != this.defaultApiKey) { this.settingForm.apikey = settingForm_.apikey; } //兜底方案,apikey被删除了，自动使用默认key if (settingForm_.apikey == "") { this.settingForm.apikey = this.defaultApiKey; } } //检查是否需要更新 this.checkUpdate(); }, methods: { checkUpdate() { if (outArgs.chatgpt.lastestVersion > GM_info.script.version) { this.hasNew = true; console.log("脚本有新版本，请及时更新！新版本：" + outArgs.chatgpt.lastestVersion); } }, update() { console.log('开始更新...'); window.location.href = GM_info.script.updateURL; }, setConfig() { GM_setValue("openaiSetting", JSON.stringify(this.settingForm)); this.$message({ message: '设置成功', type: 'success' }); this.dialogFormVisible = false; }, goWebOpenai() { window.open(this.webPageUrl, '_blank'); }, userWait() { $(".history-questions").html(''); let radomIndex = Math.floor(Math.random() * this.tiandaoWords.length); $(".history-questions").typeIt({ whatToType: this.waitWord + this.tiandaoWords[radomIndex], typeSpeed: 200 }); }, doSendRequestWithoutKey() { const now = Date.now(); generateSignature({ t: now, m: this.your_qus || "" }).then(sign => { console.log(sign); GM_xmlhttpRequest({ method: "POST", url: this.chatURL, headers: { "Content-Type": "application/json", "Referer": this.referer }, data: JSON.stringify({ messages: [{ role: "system", content: "请以markdown的形式返回答案" }, { role: "user", content: this.your_qus }], tokensLength: this.your_qus.length + 10, model: "gpt-3.5-turbo" }), onload: function (res) { if (res.status === 200) { let rest = JSON.parse(res.response).choices[0].text; $(".history-questions").html(''); let convertValue = `${mdConverter(rest.replaceAll(/\\n+/g, "\n"))}`; $(".history-questions").html(convertValue); hljs.highlightAll(); } else { $(".history-questions").html(''); $(".history-questions").typeIt({ whatToType: ["访问失败了"], typeSpeed: 10 }); } }, responseType: "application/json;charset=UTF-8", onprogress: function (msg) {}, onerror: function (err) { $(".history-questions").html(''); $(".history-questions").typeIt({ whatToType: [`${err.messages}`], typeSpeed: 10 }); }, ontimeout: function (err) { $(".history-questions").typeIt({ whatToType: [`${err.messages}`], typeSpeed: 10 }); } }); }); }, doSendRequestWithKey() { GM_xmlhttpRequest({ method: "POST", url: this.chatURL, headers: { "Content-Type": "application/json" }, data: JSON.stringify({ text: this.your_qus, id: 1, apikey: this.settingForm.apikey, keep: "2", keepText: 0 }), onload: function (res) { if (res.status === 200) { let data = JSON.parse(res.response); let content = data.html; console.log("content " + JSON.stringify(content)); $(".history-questions").html(''); let convertValue = `${mdConverter(content.replaceAll(/\\n+/g, "\n"))}`; $(".history-questions").html(convertValue); hljs.highlightAll(); } else { $(".history-questions").html(''); $(".history-questions").typeIt({ whatToType: ["访问失败了"], typeSpeed: 10 }); } }, responseType: "application/json;charset=UTF-8", onprogress: function (msg) {}, onerror: function (err) { $(".history-questions").html(''); $(".history-questions").typeIt({ whatToType: [`${err.messages}`], typeSpeed: 10 }); }, ontimeout: function (err) { $(".history-questions").typeIt({ whatToType: [`${err.messages}`], typeSpeed: 10 }); } }); }, doIt() { this.hasNew = false; this.emptyRecord = false; //加载中等待效果 this.userWait(); //通过无key的方式 this.doSendRequestWithoutKey(); //通过有key的方式 //this.doSendRequestWithKey(); } } }); })();