ブラウザの拡大縮小機能がうまく動作しないサイト用のブックマークレット

ChromeとかでCtrl+マウスホイールで文字の大きさを変えられますが、一部サイトではこの機能がうまく機能しません。原因は、cssで-webkit-text-size-adjustが設定されていることらしいです。

• -webkit-text-size-adjust: none を絶対に設定してはいけない理由 - てっく煮ブログ

で、私の場合は、こんなブックマークレットを使って回避していました。

javascript:styles='* { -webkit-text-size-adjust: auto; } body {-webkit-text-size-adjust: auto; }'; newSS = document.createElement('link'); newSS.rel = 'stylesheet'; newSS.href = 'data:text/css,' + escape(styles); document.documentElement.getElementsByTagName('head')[0].appendChild(newSS); void 0

• webkit-text-size-adjust: auto;のCSSをHTMLのヘッダーに追加するブックマークレットです。