th-live: neutralise console-ban.js via uBlock Origin scriptlets; override screen/outer dimensions to match DevTools Device Toolbar

[Copilot]

Two independent fixes for QTM Live platform sites (th-live.online, qqlive.online).

th-live-desktop-width.user.js → v0.14

Chrome DevTools Device Toolbar also overrides screen.width/height, screen.availWidth/availHeight, outerWidth, and outerHeight. The userscript skipped all six, so code paths reading those properties (some flexible.js variants, certain Vant internals) still saw real desktop dimensions despite all other overrides being in place.

Changes:

• Capture realAvailWidth, realAvailHeight, realOuterWidth, realOuterHeight before any override
• New §1c: override all six properties in phoneMode at document-start
• applyMode() phone branch: re-establish all six on toggle back
• applyMode() full-width branch: delete all six to restore native values
• availWidth/availHeight fall back to their own captured values (not screen.width/height) — correct on systems with a taskbar/dock

// New captures (before any override)
var realAvailWidth  = window.screen.availWidth;
var realAvailHeight = window.screen.availHeight;
var realOuterWidth  = window.outerWidth;
var realOuterHeight = window.outerHeight;

// §1c overrides
Object.defineProperty(window.screen, 'width',       { get: () => phoneMode ? PHONE_WIDTH  : realViewportWidth,  configurable: true });
Object.defineProperty(window.screen, 'availWidth',  { get: () => phoneMode ? PHONE_WIDTH  : realAvailWidth,     configurable: true });
Object.defineProperty(window.screen, 'height',      { get: () => phoneMode ? PHONE_HEIGHT : realViewportHeight, configurable: true });
Object.defineProperty(window.screen, 'availHeight', { get: () => phoneMode ? PHONE_HEIGHT : realAvailHeight,    configurable: true });
Object.defineProperty(window, 'outerWidth',         { get: () => phoneMode ? PHONE_WIDTH  : realOuterWidth,     configurable: true });
Object.defineProperty(window, 'outerHeight',        { get: () => phoneMode ? PHONE_HEIGHT : realOuterHeight,    configurable: true });

th-live-console-ban.txt (new)

Documents how console-ban.js is bundled into the app and how to neutralise its three effects (clear, debug, bfcache) with uBlock Origin scriptlets. Includes a ready-to-paste filter block and a Tampermonkey equivalent.

th-live.online##+js(set-constant, console.clear, noopFunc)   ! stops console wipe
th-live.online##+js(no-setInterval-if, debugger)             ! stops debugger pause loop
th-live.online##+js(remove-event-listener-if, pageshow)      ! stops bfcache reload

Original prompt

---

This section details on the original issue you should resolve

<issue_title>What does th-live.online consider a valid phone number when registering an account on it?</issue_title>
<issue_description>What does th-live.online consider a valid phone number when registering an account on it?</issue_description>

Comments on the Issue (you are @copilot in this section)

• Fixes What does th-live.online consider a valid phone number when registering an account on it? #1

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

[Zero3K20]

@copilot

This is what it looks like when I choose Full width:

This is what it looks like when I choose Phone width:

[Copilot]

@copilot

This is what it looks like when I choose Full width:
...

Fixed in 6e50cc7 (v0.8).

Root cause: fixAllFixedEls() applies inline !important styles (left, right, width, max-width) directly to DOM elements. When switching to Full Width, applyMode() disabled the CSS stylesheet and removed the property overrides, but never removed those inline styles. On a 1440 px viewport, left: max(0px, calc(50vw - 195px)) evaluates to 525 px — so every fixed element (user avatars, gift icons, overlays) was anchored 525 px from the left instead of at the viewport edge, which scattered them outside the content column.

Fix: Each element touched by the scan is now tagged with data-qtm-fixed="1". When switching to Full Width, a new clearFixedElStyles() function queries all tagged elements, removes the four inline properties, and strips the tag — restoring each element's native positioning before the viewport meta is reset to width=device-width.