ChatGPT 模型切换器(支持 GPT-4 Mobile)

通过启用 GPT-4 Mobile 模型,解除 ChatGPT 网页端对 GPT-4 模型使用次数的限制。同时还可启用其他模型进行切换,提供更多的灵活性。一般来说,该脚本不会与其他流行的 ChatGPT 脚本产生冲突。

当前为 2023-06-18 提交的版本,查看 最新版本

  1. // ==UserScript==
  2. // @name ChatGPT Model Switcher (Supports GPT-4 Mobile)
  3. // @name:zh-CN ChatGPT 模型切换器(支持 GPT-4 Mobile)
  4. // @name:zh-TW ChatGPT 模型切换器(支持 GPT-4 Mobile)
  5. // @namespace https://github.com/hydrotho/ChatGPT_Model_Switcher
  6. // @copyright 2023, Hydrotho (https://github.com/hydrotho)
  7. // @version 1.0.1
  8. // @description Override GPT-4 usage limits in the ChatGPT web interface by enabling the GPT-4 Mobile model. Additional models can also be enabled for switching, providing more flexibility. Generally, this script does not conflict with other popular ChatGPT scripts.
  9. // @description:zh-CN 通过启用 GPT-4 Mobile 模型,解除 ChatGPT 网页端对 GPT-4 模型使用次数的限制。同时还可启用其他模型进行切换,提供更多的灵活性。一般来说,该脚本不会与其他流行的 ChatGPT 脚本产生冲突。
  10. // @description:zh-TW 通过启用 GPT-4 Mobile 模型,解除 ChatGPT 网页端对 GPT-4 模型使用次数的限制。同时还可启用其他模型进行切换,提供更多的灵活性。一般来说,该脚本不会与其他流行的 ChatGPT 脚本产生冲突。
  11. // @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=
  12. // @grant none
  13. // @author Hydrotho
  14. // @match http*://chat.openai.com/*
  15. // @supportURL https://github.com/hydrotho/ChatGPT_Model_Switcher/issues
  16. // @license MIT
  17. // ==/UserScript==
  18.  
  19. (function () {
  20. "use strict";
  21.  
  22. let useModelSwitcher = localStorage.getItem("useModelSwitcher") !== "false";
  23. let selectedModel = localStorage.getItem("selectedModel") || "GPT-4 (Mobile)";
  24.  
  25. const modelMapping = {
  26. "GPT-3.5": "text-davinci-002-render-sha",
  27. "GPT-4": "gpt-4",
  28. "GPT-4 Web Browsing": "gpt-4-browsing",
  29. "GPT-4 Plugins": "gpt-4-plugins",
  30. "GPT-3.5 (Mobile)": "text-davinci-002-render-sha-mobile",
  31. "GPT-4 (Mobile)": "gpt-4-mobile",
  32. };
  33.  
  34. window.fetch = new Proxy(window.fetch, {
  35. apply: function (target, that, args) {
  36. let resource = args[0];
  37. let options = args[1];
  38.  
  39. if (
  40. useModelSwitcher &&
  41. resource === "https://chat.openai.com/backend-api/conversation"
  42. ) {
  43. const requestBody = JSON.parse(options.body);
  44. requestBody.model = modelMapping[selectedModel];
  45. options = { ...options, body: JSON.stringify(requestBody) };
  46. args[0] = resource;
  47. args[1] = options;
  48. }
  49.  
  50. const fetchPromise = Reflect.apply(target, that, args);
  51.  
  52. if (
  53. resource.includes(
  54. "https://chat.openai.com/backend-api/models?history_and_training_disabled=false"
  55. )
  56. ) {
  57. return fetchPromise.then((response) => {
  58. if (response.ok) {
  59. response
  60. .clone()
  61. .json()
  62. .then((data) => {
  63. const accessibleModels = data.models.map((model) => model.slug);
  64. Object.keys(modelMapping).forEach((model) => {
  65. const mappedSlug = modelMapping[model];
  66. const selectOption = document.querySelector(
  67. `#modelSelect option[value="${model}"]`
  68. );
  69. if (selectOption && !accessibleModels.includes(mappedSlug)) {
  70. selectOption.disabled = true;
  71. if (selectedModel === model) {
  72. selectedModel = "GPT-3.5";
  73. localStorage.setItem("selectedModel", selectedModel);
  74. document.querySelector("#modelSelect").value =
  75. selectedModel;
  76. }
  77. }
  78. });
  79. });
  80. }
  81. return response;
  82. });
  83. }
  84. return fetchPromise;
  85. },
  86. });
  87.  
  88. function createSwitchElement() {
  89. const switchLabel = document.createElement("label");
  90. switchLabel.className = "switch";
  91. switchLabel.title = "Check to enable the model switcher";
  92.  
  93. const switchCheckbox = document.createElement("input");
  94. switchCheckbox.type = "checkbox";
  95. switchCheckbox.id = "useModelSwitcherCheckbox";
  96. switchCheckbox.checked = useModelSwitcher;
  97. switchCheckbox.addEventListener("change", (event) => {
  98. useModelSwitcher = event.target.checked;
  99. localStorage.setItem("useModelSwitcher", useModelSwitcher);
  100. });
  101.  
  102. const switchSlider = document.createElement("span");
  103. switchSlider.className = "slider round";
  104.  
  105. switchLabel.appendChild(switchCheckbox);
  106. switchLabel.appendChild(switchSlider);
  107.  
  108. return switchLabel;
  109. }
  110.  
  111. function createModelSelectElement() {
  112. const selectContainer = document.createElement("div");
  113. selectContainer.style.position = "relative";
  114.  
  115. const select = document.createElement("select");
  116. select.id = "modelSelect";
  117. select.addEventListener("change", (event) => {
  118. selectedModel = event.target.value;
  119. localStorage.setItem("selectedModel", selectedModel);
  120. });
  121.  
  122. for (const model in modelMapping) {
  123. const option = document.createElement("option");
  124. option.text = model;
  125. option.value = model;
  126. select.appendChild(option);
  127. }
  128.  
  129. select.value = selectedModel;
  130.  
  131. const selectArrow = document.createElement("div");
  132. selectArrow.style.cssText = `
  133. position: absolute;
  134. top: 50%;
  135. right: 8px;
  136. transform: translateY(-50%);
  137. width: 12px;
  138. height: 12px;
  139. background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23333" width="18px" height="18px"%3E%3Cpath d="M7 10l5 5 5-5z"/%3E%3Cpath d="M0 0h24v24H0z" fill="none"/%3E%3C/svg%3E');
  140. background-repeat: no-repeat;
  141. background-position: center;
  142. pointer-events: none;
  143. `;
  144.  
  145. selectContainer.appendChild(select);
  146. selectContainer.appendChild(selectArrow);
  147.  
  148. return selectContainer;
  149. }
  150.  
  151. function createModelSwitcherContainer() {
  152. const container = document.createElement("div");
  153. container.style.cssText = `
  154. position: fixed;
  155. top: 10px;
  156. right: 18px;
  157. background-color: rgb(32, 33, 35);
  158. border: 1px solid #ddd;
  159. padding: 10px;
  160. border-radius: 5px;
  161. z-index: 9999;
  162. transition: 0.3s;
  163. box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  164. display: flex;
  165. align-items: center;
  166. opacity: 0.5;
  167. `;
  168.  
  169. container.addEventListener("mouseenter", () => {
  170. container.style.opacity = "1";
  171. });
  172.  
  173. container.addEventListener("mouseleave", () => {
  174. container.style.opacity = "0.5";
  175. });
  176.  
  177. const switchElement = createSwitchElement();
  178. const modelSelectElement = createModelSelectElement();
  179.  
  180. container.appendChild(switchElement);
  181. container.appendChild(modelSelectElement);
  182.  
  183. return container;
  184. }
  185.  
  186. const container = createModelSwitcherContainer();
  187. document.body.appendChild(container);
  188.  
  189. const style = document.createElement("style");
  190. style.textContent = `
  191. .switch {
  192. position: relative;
  193. display: inline-block;
  194. width: 40px;
  195. height: 20px;
  196. margin-right: 10px;
  197. }
  198.  
  199. .switch input {
  200. opacity: 0;
  201. width: 0;
  202. height: 0;
  203. }
  204.  
  205. .slider {
  206. position: absolute;
  207. cursor: pointer;
  208. top: 0;
  209. left: 0;
  210. right: 0;
  211. bottom: 0;
  212. background-color: #ccc;
  213. transition: .5s;
  214. border-radius: 35px;
  215. }
  216.  
  217. .slider:before {
  218. position: absolute;
  219. content: "";
  220. height: 16px;
  221. width: 16px;
  222. left: 2px;
  223. bottom: 2px;
  224. background-color: white;
  225. transition: .5s;
  226. border-radius: 50%;
  227. }
  228.  
  229. input:checked + .slider {
  230. background-color: #2196F3;
  231. }
  232.  
  233. input:focus + .slider {
  234. box-shadow: 0 0 1px #2196F3;
  235. }
  236.  
  237. input:checked + .slider:before {
  238. transform: translateX(20px);
  239. }
  240.  
  241. .slider.round {
  242. border-radius: 35px;
  243. }
  244.  
  245. .slider.round:before {
  246. border-radius: 50%;
  247. }
  248.  
  249. select {
  250. color: #000000;
  251. background-color: #ffffff;
  252. padding: 5px;
  253. border: none;
  254. border-radius: 5px;
  255. appearance: none;
  256. -webkit-appearance: none;
  257. -moz-appearance: none;
  258. background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23333" width="18px" height="18px"%3E%3Cpath d="M7 10l5 5 5-5z"/%3E%3Cpath d="M0 0h24v24H0z" fill="none"/%3E%3C/svg%3E');
  259. background-repeat: no-repeat;
  260. background-position: right center;
  261. padding-right: 20px;
  262. text-overflow: ellipsis;
  263. white-space: nowrap;
  264. overflow: hidden;
  265. }
  266. `;
  267.  
  268. document.head.appendChild(style);
  269. })();