[??]スマホで無理やり Deck バーを出す

    @@ -1,9 +1,28 @@ /* - * @title スマホで無理やり Deck バーを出す + * @title [??]スマホで無理やり Deck バーを出す * @description ch の切り替えができないので ch1 にしか追加できませんでした。 * @include https://music.pawoo.net/web/* * @license MIT License * @javascript_url */ -document.querySelector('meta[name="viewport"]').setAttribute('content', 'width=1080px,initial-scale=1'); +// 前のやつは拡大必須でしんどかった +// document.querySelector('meta[name="viewport"]').setAttribute('content', 'width=1080px,initial-scale=1'); + +(e => { + + document.head.appendChild(Object.assign(document.createElement('style'), { textContent: '@media screen and (max-width:1024px){div.player-control{display:flex}}.player-control.is-open div.control-bar__deck{transform:scale(0.4) translate(-980px,-820px)}div.columns-area,div.tabs-bar{display: none}'})); + + // innerWidth 偽装で常に 1025px を返す + // 参考: https://gist.github.com/unarist/71067609416aed633cf74eddb6feb725 + Object.defineProperty(window, 'innerWidth', + Object.assign({}, Object.getOwnPropertyDescriptor(window, 'innerWidth'), { + get() { return 1025 } + }) + ); + + e = new CustomEvent('resize'); + window.dispatchEvent(e); + console.log(e,window.innerWidth); + +})();
  • /*
     * @title [??]スマホで無理やり Deck バーを出す
     * @description ch の切り替えができないので ch1 にしか追加できませんでした。
     * @include https://music.pawoo.net/web/*
     * @license MIT License
     * @javascript_url
     */
    
    // 前のやつは拡大必須でしんどかった
    // document.querySelector('meta[name="viewport"]').setAttribute('content', 'width=1080px,initial-scale=1');
    
    (e => {
    
    	document.head.appendChild(Object.assign(document.createElement('style'), { textContent: '@media screen and (max-width:1024px){div.player-control{display:flex}}.player-control.is-open div.control-bar__deck{transform:scale(0.4) translate(-980px,-820px)}div.columns-area,div.tabs-bar{display: none}'}));
    
    	// innerWidth 偽装で常に 1025px を返す
    	// 参考: https://gist.github.com/unarist/71067609416aed633cf74eddb6feb725
    	Object.defineProperty(window, 'innerWidth',
    	 Object.assign({}, Object.getOwnPropertyDescriptor(window, 'innerWidth'), {
    	  get() { return 1025 }
    	 })
    	);
    
    	e = new CustomEvent('resize');
    	window.dispatchEvent(e);
    	console.log(e,window.innerWidth);
    
    })();
    
  • Permalink
    このページへの個別リンクです。
    RAW
    書かれたコードへの直接のリンクです。
    Packed
    文字列が圧縮された書かれたコードへのリンクです。
    Userscript
    Greasemonkey 等で利用する場合の .user.js へのリンクです。
    Loader
    @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。
    Metadata
    コード中にコメントで @xxx と書かれたメタデータの JSON です。

History

  1. 2017/09/14 23:45:00 - 2017-09-14
  2. 2017/08/18 00:49:46 - 2017-08-18