Claude Content Max-Width

adjust Claude Content Max-Width

当前为 2023-08-21 提交的版本,查看 最新版本

  1. // ==UserScript==
  2. // @name Claude Content Max-Width
  3. // @namespace http://tampermonkey.net/
  4. // @version 0.5
  5. // @description adjust Claude Content Max-Width
  6. // @author shawn-wxn
  7. // @match https://claude.ai/*
  8. // @match https://poe.com/*
  9. // @icon https://www.google.com/s2/favicons?sz=64&domain=claude.ai
  10. // @grant GM_addStyle
  11. // @grant GM_log
  12. // @license GPL-2.0-only
  13. // ==/UserScript==
  14.  
  15. (function () {
  16. // 获取当前的 URL
  17. var currentURL = window.location.href;
  18.  
  19. // 根据当前 URL 进行 if-else 逻辑判断
  20. if (currentURL.includes("poe.com")) {
  21. var mainColumnDiv = document.querySelector("div[class^='MainColumn_column__']");
  22. var mainColumnDivClass = null;
  23. for (var className of mainColumnDiv.classList){
  24. if (className.indexOf('MainColumn_column__') !== -1) {
  25. mainColumnDivClass = className;
  26. break;
  27. }
  28. }
  29. if (!mainColumnDivClass) {
  30. GM_log("ERROR: not found mainColumnDivClass.");
  31. }
  32.  
  33. var chatPageMainDiv = document.querySelector("div[class^='ChatPageMain_container']");
  34. var chatPageMainDivClass = null;
  35. for (className of chatPageMainDiv.classList){
  36. if (className.indexOf('ChatPageMain_container') !== -1) {
  37. chatPageMainDivClass = className;
  38. break;
  39. }
  40. }
  41. if (!chatPageMainDivClass) {
  42. GM_log("ERROR: not found chatPageMainDivClass.");
  43. }
  44.  
  45. var humanMessageDiv = document.querySelector("div[class^='Message_humanMessageBubble__']");
  46. var humanMessageDivClass = null;
  47. for (className of humanMessageDiv.classList){
  48. if (className.indexOf('Message_humanMessageBubble__') !== -1) {
  49. humanMessageDivClass = className;
  50. break;
  51. }
  52. }
  53. if (!humanMessageDivClass) {
  54. GM_log("ERROR: not found humanMessageDivClass.");
  55. }
  56. GM_log("success!");
  57.  
  58. GM_addStyle(`
  59. .${mainColumnDivClass} {
  60. width: 100%;
  61. }
  62. .${chatPageMainDivClass} {
  63. --desktop-reading-column-max-width: ${Math.floor(window.innerWidth * 0.78)}px;
  64. }
  65. .${humanMessageDivClass} {
  66. max-width: ${Math.floor(window.innerWidth * 0.078)}ch;
  67. }`
  68. )
  69. } else if (currentURL.includes("claude.ai")) {
  70. // 创建一个<style>标签
  71. var styleTag = document.createElement('style');
  72.  
  73. // 将 CSS 样式添加到<style>标签中
  74. var cssStyles = `
  75. /* 在这里添加您的 CSS 样式 */
  76. .max-w-3xl {
  77. max-width: ${Math.floor(window.innerWidth * 0.05)}rem;
  78. }
  79. .max-w-\\[75ch\\] {
  80. max-width: ${Math.floor(window.innerWidth * 0.1)}ch;
  81. }
  82. `;
  83.  
  84. // 设置<style>标签的内容为 CSS 样式
  85. styleTag.innerHTML = cssStyles;
  86.  
  87. // 将<style>标签添加到<head>标签中
  88. document.head.appendChild(styleTag);
  89. } else {
  90. // 如果以上条件都不满足
  91. console.log("当前 URL 不符合预期");
  92. }
  93. })();

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址