{"id":5805,"date":"2023-08-23T17:27:38","date_gmt":"2023-08-23T08:27:38","guid":{"rendered":"https:\/\/okamurax.com\/?p=5805"},"modified":"2023-11-29T16:14:55","modified_gmt":"2023-11-29T07:14:55","slug":"chrome%e6%8b%a1%e5%bc%b5%e6%a9%9f%e8%83%bd-youtube%e3%81%abcss","status":"publish","type":"post","link":"https:\/\/appbay.org\/?p=5805","title":{"rendered":"Chrome\u62e1\u5f35\u6a5f\u80fd Youtube Live\u306bCSS"},"content":{"rendered":"<p>\u30b3\u30e1\u30f3\u30c8\u304c\u898b\u3065\u3089\u304b\u3063\u305f\u306e\u3067\u3002CSS\u5f53\u3066\u3066\u3044\u308b\u5834\u6240\u306f\u9069\u5f53\uff61<\/p>\n<p>manifest.json<\/p>\n<pre class=\"lang:default decode:true \">{\r\n  \"manifest_version\": 3,\r\n  \"name\": \"MyCSS\",\r\n  \"version\": \"0.0.1\",\r\n  \"content_scripts\":[\r\n    {\r\n      \"matches\": [\"https:\/\/www.youtube.com\/watch?v=*\"],\r\n      \"css\": [\"style.css\"]\r\n    }\r\n  ]\r\n}<\/pre>\n<p>style.css<\/p>\n<pre class=\"lang:css decode:true\">* {\r\n--ytd-watch-flexy-chat-max-height:830px;\r\n}\r\n<\/pre>\n<p>\u3053\u306e\u66f8\u304d\u65b9\u306e\u554f\u984c\u306f\u4e00\u5ea6\u30ea\u30ed\u30fc\u30c9\u304c\u5fc5\u8981\u306b\u306a\u3063\u3066\u3057\u307e\u3046\u3053\u3068\uff61\u30ea\u30ed\u30fc\u30c9\u3057\u306a\u304f\u3066\u3082CSS\u304c\u5f53\u305f\u308b\u3088\u3046\u3059\u308b\uff61<\/p>\n<pre class=\"lang:default decode:true \">{\r\n  \"manifest_version\": 3,\r\n  \"name\": \"BackgroundCSS\",\r\n  \"version\": \"1\",\r\n  \"background\": {\"service_worker\": \"style.js\"},\r\n  \"permissions\": [\"tabs\",\"scripting\"],\r\n  \"host_permissions\": [\"https:\/\/www.youtube.com\/\"]\r\n}<\/pre>\n<pre class=\"lang:js decode:true \">chrome.tabs.onUpdated.addListener(function(tabId, info, tab){\r\n  if (info.status === 'complete' &amp;&amp; tab.url.indexOf('youtube.com\/watch') !== -1) {\r\n    chrome.scripting.executeScript({\r\n      target: {tabId: tab.id},\r\n      func: () =&gt; {\r\n        var e = document.createElement('style');\r\n        e.textContent = \"*{--ytd-watch-flexy-chat-max-height:830px;}\";\r\n        document.head.insertAdjacentElement('afterbegin', e);\r\n      }\r\n    });\r\n  }\r\n});<\/pre>\n<p>\u30b5\u30a4\u30c8\u306b\u3088\u3063\u3066\u306f\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u66f8\u304d\u65b9\u3067\u3082\u5f53\u305f\u308b\uff61<\/p>\n<pre class=\"lang:default decode:true\">{\r\n  \"manifest_version\": 3,\r\n  \"name\": \"MyCSS\",\r\n  \"version\": \"1\",\r\n  \"content_scripts\":[\r\n    {\r\n      \"matches\": [\"https:\/\/www.notion.so\/*\"],\r\n      \"js\": [\"style.js\"]\r\n    }\r\n  ]\r\n}<\/pre>\n<pre class=\"lang:js decode:true \">window.addEventListener('load', function() {\r\nvar e = document.createElement('style');\r\ne.textContent = \"*{font-family:'Roboto','Meiryo' !important;}\";\r\ndocument.head.insertAdjacentElement('afterbegin', e);\r\n}, false);<\/pre>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u30b3\u30e1\u30f3\u30c8\u304c\u898b\u3065\u3089\u304b\u3063\u305f\u306e\u3067\u3002CSS\u5f53\u3066\u3066\u3044\u308b\u5834\u6240\u306f\u9069\u5f53\uff61 manifest.json { &#8220;manifest_version&#8221;: 3, &#8220;name&#8221;: &#8220;MyCSS&#8221;, &#8220;version&#8221;: &#8220;0.0.1&#8221;, &#8220;cont &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/appbay.org\/?p=5805\" class=\"more-link\"><span class=\"screen-reader-text\">&#8220;Chrome\u62e1\u5f35\u6a5f\u80fd Youtube Live\u306bCSS&#8221; \u306e<\/span>\u7d9a\u304d\u3092\u8aad\u3080<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[91],"class_list":["post-5805","post","type-post","status-publish","format-standard","hentry","category-1","tag-chrome"],"_links":{"self":[{"href":"https:\/\/appbay.org\/index.php?rest_route=\/wp\/v2\/posts\/5805","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/appbay.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/appbay.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/appbay.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/appbay.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5805"}],"version-history":[{"count":12,"href":"https:\/\/appbay.org\/index.php?rest_route=\/wp\/v2\/posts\/5805\/revisions"}],"predecessor-version":[{"id":5989,"href":"https:\/\/appbay.org\/index.php?rest_route=\/wp\/v2\/posts\/5805\/revisions\/5989"}],"wp:attachment":[{"href":"https:\/\/appbay.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5805"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/appbay.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5805"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/appbay.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5805"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}