把Youtube Videos中的评论及视频列表制作成Tabs
当前为
#below in 2.7.0 Suggested Minium browser versions (IntersectionObserver, customElements, Element.prepend()):
-webkit-line-clamp bug) Suggested Minium browser versions (ES6 Class):
MIT license; https://github.com/cyfung1031/Tabview-Youtube
Compatible Userscript Manager List:
Compatible Browser List:
Please install this userscript with Tampermonkey (Edge/Firefox/Chrome/Waterfox) or Tampermonkey Version 4.8.5847 (Waterfox Classic).
Using latest modern browser (Edge/Firefox/Chrome) is encouraged but backward compatible is also available for some browsers like Waterfox Classic.
FireMonkey is not recommended due to limitation of feature.
At this moment, I have no plan to publish this in Chrome Web Store as I do not have such a time to deal with Chrome Web Store's requirement.
Please do NOT publish this in Chrome Web Store on behalf of youself.
The source code and design were orginally inspired by SuperYouTube (Extension for Youtube™), but I have done many coding improvement and design changes for better and faster experience (for example, dark / light theme adaptation). This userscript has NO relationship with SuperYouTube.
The reason I created this userscript is, I do not like there are so many settings in SuperYouTube and waste my RAM for just watching youtube as a separate extension, and also I feel buggy and slow for SuperYouTube.
As for performance boost, I imposed many CSS hacks for this userscript to maximize the user experience (contain and content-visibility). Some might make other userscripts or plugins broken. So please let me know and I will try to fix the bugs.
Sample Youtube Links - Standard Test Case (2000+ Comments + Live Chat Playback):Sample Youtube Links - Long Comments (229,342+):Sample Youtube Links - Live Chat Playback:Sample Youtube Links - Live Chat Playback Disabled:
Sample Youtube Links - Playlist:Sample Youtube Links - Chapter:
Sample Youtube Links - DISABLED Comment Section (by Uploader Setting):Sample Youtube Links - NO COMMENT SECTION:Sample Youtube Links - Youtube's incorrect counting of comments:
Sample Youtube Links - Old Static Background Video (Sqaure or 4:3):Video Link (already fixed by Youtube)Video Link (private video)
Sample Youtube Links - New Static Background Video (Transparent 16:9):Sample Youtube Links - 21:9 VideoSample Youtube Links - Effected subtitles:Rising Hope (Unlisted/Removed)
(Be careful - opening the transcript panel without Tabview YouTube 2.1.0 might make your browser crash)
Sample Yotubue Links - Live Chat / Reply with Reduced Refresh Speed:Youtube Transcript only lang bugDefault Chatroom Expanded3D Video
window.yt.config_.EXPERIMENT_FLAGS.kevlar_watch_metadata_refresh is trueSome CSS rules used in Tabview Youtube change the default appearance for a better user experience.
You can de-customize (revert to YouTube default) by adding the following:
span#message {
--tabview-chat-message-display: 'invalid' !important;
--tabview-chat-message-mt: 'invalid' !important;
--tabview-chat-message-mb: 'invalid' !important;
}
yt-formatted-string.ytd-transcript-segment-renderer > span {
--tabview-transcript-segment-span-display: 'invalid' !important;
}
Element
ytd-comments#comments
Property
loadComments
Description
Function; trigger comments to load
Element
ytd-comments#comments ytd-expander[max-number-of-lines]
Property
recomputeOnResize
Description
Boolean; default = false; changed to true
Element
ytd-comments#comments ytd-expander[max-number-of-lines]
Property
calculateCanCollapse
Description
Function; changed to this.$.content.scrollHeight>this.collapsedHeight
QingJ © 2025
镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址