「Chrome」タグアーカイブ

PCの音量を大きくしても、Youtubeの音量が小さい。そんなときに見る設定。

PCで晩酌のお供にYoutubeを見るのが日課な私ですが、ある日、Youtubeの音がとても小さくなってしまいました。使っているブラウザはChromeです。

PCの音量やYoutubeの音量を上げてもあまり変化はなく、Google先生に聞いたところ以下のWindowsの設定が原因でした。

①設定メニューを開く

②システムを選択する

③「サウンド」>「アプリの音量とデバイスの設定」を開く

④ここです!Chromeの音量がなぜか1になってました。

ここをお好みの音量にすることで解決しました!Windowsにこんな設定があったとは、まだまだ勉強が足りていません。

いつこうなってしまったかは原因は不明ですが、解決できてよかった
ε-(´∀`*)ホッ


[JavaScript] ブラウザの戻るボタンを無効化する

ブラウザの戻るボタンを無効化する方法を調査したので、そのときのメモ。

クライアントサーバシステムだった社内システムをWEBシステムにリプレースする案件でこういった要件を見かける。顧客は、クラサバのときの使い心地をそのままにWEBシステムにしようとするので、こんな要件がでてしまう。

少し前まで完璧にはできなかったようだが、最近になってHTML5+jQueryの組みあわせでできるようになったみたい。

〇サンプルソースはこちら

https://jsfiddle.net/saimjcf/5atzrp26/

「RUN」を押下すると、JavaScriptがロードされるので、ブラウザの戻るボタンを押してみてください。無効になっていて、画面遷移が発生しないはず。

この中でブラウザの戻るボタンを無効化しているのは以下の部分です。

〇仕組みの話

まず、上記サンプルソースが画面上にロードされると、history.pushState(null, null, null)メソッドでブラウザの履歴の先頭に新しい履歴を一つ追加します。このとき第3引数がnullなので、追加された履歴は自分自身を指していることになります。

そして、戻るボタンが押下されたら”popstate”イベントが発生しますので、その”popstate”イベントが発生したときの処理として、再度history.pushState(null, null, null)を実行して、ブラウザの履歴の先頭に新しい履歴を一つ追加します。要は、ブラウザの履歴を操作しています。

hisotry APIの詳細はこちら
https://developer.mozilla.org/ja/docs/Web/Guide/DOM/Manipulating_the_browser_history

※サンプルソースは、Firefox、Google Chrome、IEのみで動作確認しました。


オフラインでGoogle Chromeでゲームができる

インターネット接続がない状態でGoogle Chromeでちょっとしたゲームができます。

オフラインでChromeでどこかのサイトを閲覧すると↓のような画面になります。この状態でスペースキーをクリックするとゲームがスタートします!

障害物のサボテンや鳥を避けるゲームだけのゲームです。

さすが、Googleさんです。こういう遊び心はとても素晴らしいと思います。

よく、仕事でサーバルームで待機時間が長くネット環境が無いときに、これができるのをたまたま発見して、お世話になりました。