[new feature] adapt zhihu.com/tardis page

ATX735 · May 21, 2023 · f82d7bb · f82d7bb
1 parent c5f1a18
commit f82d7bb
Show file tree

Hide file tree

Showing 11 changed files with 40 additions and 10 deletions.
diff --git a/demo pictures/1.png b/demo pictures/1.png
diff --git a/demo pictures/2.png → demo/MSShop_img_1.png b/demo pictures/2.png → demo/MSShop_img_1.png
diff --git a/demo/MSShop_img_2.png b/demo/MSShop_img_2.png
diff --git a/demo pictures/demo_gif.gif → demo/demo_gif.gif b/demo pictures/demo_gif.gif → demo/demo_gif.gif
diff --git a/demo pictures/答案页-90.png → demo/答案页-90.png b/demo pictures/答案页-90.png → demo/答案页-90.png
diff --git a/demo pictures/答案页-原始.png → demo/答案页-原始.png b/demo pictures/答案页-原始.png → demo/答案页-原始.png
diff --git a/demo pictures/首页-90.png → demo/首页-90.png b/demo pictures/首页-90.png → demo/首页-90.png
diff --git a/demo pictures/首页-原始.png → demo/首页-原始.png b/demo pictures/首页-原始.png → demo/首页-原始.png
diff --git a/src/background.js b/src/background.js
@@ -38,18 +38,36 @@ chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
     switch (message.type) {
         // 打开/刷新页面时
         case "content js-initial_css_injection":
-            chrome.scripting.insertCSS({  //注入含有变量的css
+            //注入含有变量的css
+            chrome.scripting.insertCSS({
                 target: {
                     tabId: sender.tab.id,
                 },
                 css: getVariableCSS(current_style)
             });
-            chrome.scripting.insertCSS({  //注入固定css
+            //注入固定css
+            chrome.scripting.insertCSS({
                 target: {
                     tabId: sender.tab.id,
                 },
                 files: ["new-zhihu-style.css"]
             });
+            //处理存在冲突的css
+            let reg = /zhihu.com\/tardis\/*/  //匹配知乎的zhihu.com/tardis/*页面
+            let confilct_css = `.Question-main {
+                width: var(--width-container) !important;
+            }`
+            if (reg.test(sender.tab.url)) {
+                confilct_css = `.Question-main {
+                    width: var(--width-main-column) !important;
+                }`
+            }
+            chrome.scripting.insertCSS({
+                target: {
+                    tabId: sender.tab.id,
+                },
+                css: confilct_css
+            });
             break;
         // popup页面被打开时
         case "popup js-initialize":

diff --git a/src/manifest.json b/src/manifest.json
@@ -1,8 +1,8 @@
 {
     "name": "宽乎",
-    "version": "1.0.3",
+    "version": "1.1.0",
     "manifest_version": 3,
-    "description": "加宽知乎各个页面的内容区域，优化浏览体验。",
+    "description": "加宽知乎各页面的内容区域，优化浏览体验。",
     "icons": {
         "16": "icons/logo.png",
         "48": "icons/logo.png",

diff --git a/src/new-zhihu-style.css b/src/new-zhihu-style.css
@@ -7,15 +7,11 @@
     width: var(--width-main-column) !important;
 }
 
-/*.Modal--fullPage{*/
-/*	width: var(--width-container);*/
-/*}*/
-
 
 /*问题页面*/
-.Question-main {
+/* .Question-main {  // 存在冲突的CSS
     width: var(--width-container) !important;
-}
+} */
 
 .Question-mainColumn {
     width: var(--width-main-column) !important;
@@ -114,4 +110,20 @@
 
 .AuthorInfo {
     max-width: var(--width-main-column) !important;
+}
+
+/* 文章编辑页面 */
+/* .css-sdgtgb {
+    width: var(--width-main-column) !important;
+} */
+
+
+/* 未登录的知乎文章页面，往往会在搜索引擎结果中打开这种页面 */
+/* Example：https://www.zhihu.com/tardis/zm/ans/2890071661 */
+.sgui-radius-flex {
+    max-width: var(--width-main-column) !important;
+}
+
+.Container {
+    max-width: var(--width-main-column) !important;
 }