備忘録
iPhoneでサイト見るときは、主にchrome使ってます。
iOS10(だったっけ？)から <meta name=”viewport”>に user-scalable=no とか、maximum-scale=1 とか設定されてても、mobile safariではピンチアウトで拡大できるようになったと思うんですが、iOS版chromeだと拡大できませんでした・・・。なんか設定あるのかなーーーー。
小さい字が見づらい時があるので、拡大できないのは不便・・・その時はURLをsafariにコピペして safariで開いて見るんですが・・・メンドクサイ・・・。
いちいちメンドクサイので、ブックマークレット作って登録しておく。
ブックマークレット本体
(function()
{
var col=document.getElementsByTagName('meta');
for(var k in col)
{
var name = col[k].getAttribute('name');
if(name && name.match(/viewport/i))
{
var content = col[k].getAttribute('content');
col[k].setAttribute('content',content.replace(/,?user-scalable=\w+/g,'').replace(/,?maximum-scale=[\w\.]/g,''));
break;
}
}
}
)();
要は、metaタグのviewportから、user-scalable,maximum-scaleを削除するだけ。
で登録用にミニファイしたのは、
javascript:(function(){var col=document.getElementsByTagName('meta');for(var k in col){var name=col[k].getAttribute('name');if(name && name.match(/viewport/i)){var content=col[k].getAttribute('content');col[k].setAttribute('content',content.replace(/,?user-scalable=\w+/g,'').replace(/,?maximum-scale=[\w\.]/g,''));break;}}})();