![仕事つまんねーからそのまんま上司に伝えてみたらこんなこと言われた | がくちょう.com ( ・`д・´)](https://cdn-ak-scissors.b.st-hatena.com/image/square/55b93206c66cf7bce33a9cb0dd3ffe202bd8f6e3/height=288;version=1;width=512/https%3A%2F%2Fwww.toriikengo.com%2Fwp-content%2Fuploads%2F2013%2F10%2FID-100183955.jpg)
スマホ向けページを拡大できるようにするブックマークレットを作ってみました。 1.概要 最近、PC向けのページとスマホサイト向けのページで最適化しているウェブサイトが増えてきました。 そういう場合、大抵のスマホサイト向けのページはピンチアウトしても拡大できないようになっています。 具体的には、name属性が「viewport」のmeta要素にあるcontent属性の「user-scalable=no」で抑止しています。 <meta name="viewport" content="width=device-width, user-scalable=no" /> が、スマホサイトに掲載されている画像や地図が小さい場合が多く、拡大したいときについピンチアウトして、拡大できずにがっかりすることが多いです(拡大しても粗い画像になるだけの気がしますが)。 ということで、このブックマークレットを使えば、
1 pixel|サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 フロントエンドエンジニアの谷です。 本記事ではGoogle Chromeの開発者ツール、Chrome DevToolsを使いこなすために参考になるサイト、ページの紹介をします。 すでに多くのフロントエンドエンジニアが開発で使っているかもしれませんが、「要素のインスペクタなどの基本的な機能しか使っていない」「UA切り替えくらいしかつかってない」というような方や、そもそもほとんど使ったことがない、という方もこれらを参考にフロントエンド開発を効率化していきましょう! 基本的な使い方 Chrome DevTools Overview 基本はやはり公式ドキュメ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く