mobile版scrapboxの判定
2021-01-08 18:48もっと簡単な方法があった
code:script.js
export const isMobile = () => /mobile/i.test(navigator.userAgent)
/icons/hr.icon
/icons/hr.icon
mobile端末かどうかを判定するプログラムをかけるだろうかtakker.icon 18:34:45 何故かうまく行かないので、別のselectorを使う
undefinedではなくnullが返ってくるみたい
面倒なので配列の数で比較しよう
18:46:08 .touch-scrollable-containerでもだめか……
deviceをを認識してくれない
DOMのinspecterがみれない?なぜだ?
19:44:10 .mobile-cursorをみつけた。これを試してみる
/icons/done.icon19:46:05 成功!
code:script.js.old(js)
export function isMobile() {
//return document.getElementById('page-item-animation').children.length > 0;
//return document.getElementById('drawer-container') !== null;
// for debug
//console.log(This is the ${temp ? 'mobile' : 'desktop'} app.);
}
test用code
code:js
import {isMobile} from '../script.js';
scrapbox.PageMenu.addMenu({
title: 'isMobile',
image: '/assets/img/logo.png'
});
scrapbox.PageMenu('isMobile').addItem({
title: This is a ${isMobile()? 'mobile' : 'desktop'} scrapbox.,
onClick:()=>{},
});