A JavaScript tool to modify CustomElements in YouTube
بۇ قوليازمىنى بىۋاسىتە قاچىلاشقا بولمايدۇ. بۇ باشقا قوليازمىلارنىڭ ئىشلىتىشى ئۈچۈن تەمىنلەنگەن ئامبار بولۇپ، ئىشلىتىش ئۈچۈن مېتا كۆرسەتمىسىگە قىستۇرىدىغان كود: // @require https://update.greasyfork.org/scripts/465819/1304833/API%20for%20CustomElements%20in%20YouTube.js
WeakRef supported browsers, Once all registered callbacks are performed, the injector will be cleared.customYtElements.whenRegistered. However, since _initializeProperties() and all other related layouting and rendering will be conducted immediately after component registration. Synchorized callback is preferred.polymer_enable_controller_extraction since v1.3.0polymer_enable_sink_wrapper since v1.5.0Chrome 45+ , Edge 12+, Safari 10+, Firefox 29+, Opera 32+
Suggested: (No polyfill for CustomElement required)
Chrome 55+, Edge 79+, Safari 10.1+, Firefox 63+, Opera 41+
// ==UserScript==
// @name Testing
// @namespace http://tampermonkey.net/
// @version 0.1
// @description try to take over the world!
// @author You
// @match https://www.youtube.com/*
// @icon https://www.google.com/s2/favicons?sz=64&domain=youtube.com
// @grant none
// @run-at document-start
// @require https://update.greasyfork.org/scripts/465819/1304833/API%20for%20CustomElements%20in%20YouTube.js
// ==/UserScript==
(function () {
'use strict';
console.log('script started');
customYtElements.whenRegistered('ytd-rich-grid-renderer', (proto) => {
console.log('yt element is registered', proto.is);
proto.calcElementsPerRow = () => 5;
});
})();
(function () {
'use strict';
console.log('script started');
customYtElements.whenRegistered('ytd-rich-grid-renderer', (proto) => {
console.log('yt element is registered', proto.is);
proto.calcElementsPerRow = () => 5;
if (typeof WeakRef === 'function') {
console.debug('Is injector is cleared in memory? (#1)', proto._registered.__injector__.deref() === undefined);
setTimeout(() => {
console.debug('Is injector is cleared in memory? (#2)', proto._registered.__injector__.deref() === undefined);
}, 5000);
}
});
})();
polyfill(function () {
'use strict';
console.log('script started');
customYtElements.onRegistryReady( () => {
// Here you can use customYtElements.whenRegistered and customElements.whenDefined.
// However, customElements.get might be still the original function instead of YouTube's js function.
// You might use customYtElements.whenRegistered('ytd-app', ... ) to do your stuff at the very first beginning.
customYtElements.whenRegistered('ytd-app', (proto) => {
console.log('YouTube App begins to initialize.')
});
customYtElements.whenRegistered('ytd-rich-grid-renderer', (proto) => {
console.log('yt element is registered', proto.is);
proto.calcElementsPerRow = () => 6;
});
});
})();