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

by pacochi 2017-09-14 [2017/09/14 23:45:00]

ch の切り替えができないので ch1 にしか追加できませんでした。

@@ -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 LOADER Metadata ?

  Permalink

  このページへの個別リンクです。

  RAW

  書かれたコードへの直接のリンクです。

  Packed

  文字列が圧縮された書かれたコードへのリンクです。

  Userscript

  Greasemonkey 等で利用する場合の .user.js へのリンクです。

  Loader

  @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。

  Metadata

  コード中にコメントで @xxx と書かれたメタデータの JSON です。