Windowsで使用できるPC版のブラウザについて

# 概要

Windows PCで使用できるブラウザの情報まとめです。

* Google Chrome
* Mozilla Firefox
* Microsoft Edge
* Opera
* Vivaldi
* Blisk beta

**環境**

* Windows10

## Google Chrome

Google製、2008年公開。
正式版の他にいくつかの開発バージョンがあります。


### 正式版

https://www.google.co.jp/chrome/browser/desktop/

![chrome_prod.png](https://qiita-image-store.s3.amazonaws.com/0/22772/33d8867e-f3ec-15d0-57dd-157a7c19329e.png)

* バージョンは2016/07/09時点のものです。

*各国語版*

ページ右下のリストから対象言語を選択します。

![chrome_i18n.png](https://qiita-image-store.s3.amazonaws.com/0/22772/6209712d-f2d1-6fda-cb2e-ad9857c51319.png)

[中国語繁体字] (https://www.google.com.tw/intl/zh-TW/chrome/browser/desktop/)
[韓国語] (https://www.google.co.kr/intl/ko/chrome/browser/desktop/)
[タイ語] (https://www.google.com/intl/th/chrome/browser/desktop/)
[英語版] (https://www.google.com/intl/en/chrome/browser/desktop/)
[ドイツ語版] (https://www.google.de/intl/de/chrome/browser/desktop/)
[フランス語版] (https://www.google.fr/intl/fr/chrome/browser/desktop/)


### ベータ版

https://www.google.com/intl/ja/chrome/browser/beta.html

正式版とは同居させることはできません。また、よりバージョンの新しいDev版がインストールされているとインストールできません。
chromeのアイコンにBETAという文字が付いています。

![chrome_beta.png](https://qiita-image-store.s3.amazonaws.com/0/22772/a2f9ce85-52f3-64e2-6e05-ec00f92fd93d.png)

* バージョンは2016/07/09時点のものです。


### Dev版

https://www.chromium.org/getting-involved/dev-channel

正式版とは同居させることはできません。
正式版よりバージョンが上がっていて、chromeのアイコンにDEVという文字が付いています。

![chrome_dev.png](https://qiita-image-store.s3.amazonaws.com/0/22772/6bb92037-4abf-c67b-980c-7892f45dc1f7.png)

* バージョンは2016/07/09時点のものです。

### Canary

Canary(カナリヤ)はベータ版、DEV版よりもバージョンが進んでいる開発者向けのバージョンです。
ベータ版やDEV版とは異なり正式版と並行インストール（同居）が可能です。
黄色のアイコンが特徴的です。

https://www.google.co.jp/chrome/browser/canary.html

![Canary.png](https://qiita-image-store.s3.amazonaws.com/0/22772/c4b5b8a4-a08d-c818-ca17-fbd165aaf94c.png)

* バージョンは2016/07/09時点のものです。


### バージョンの調べ方

アドレスバーに`chrome://version`と入力してエンターを押すと、blinkや、Javascriptエンジンのバージョンが確認できます。

![chrome_beta_version.png](https://qiita-image-store.s3.amazonaws.com/0/22772/f9701060-197f-8572-c3eb-52b21562488e.png)

* 図はベータ版のものです。


#### Chrome URLs

アドレスバーに`chrome://chrome-urls`と入力してエンターを押すと、Chrome URLsページを表示します。

![chrome-urls.png](https://qiita-image-store.s3.amazonaws.com/0/22772/85877e18-a31f-9d4a-b9a5-3ce7055dbf7e.png)

* 図はベータ版のものです。


### 拡張機能

Chromeウェブストアよりインストール可能。

https://chrome.google.com/webstore/category/apps


### Tips

#### スーパーリロードの方法

<kbd>F12</kbd>でデベロッパーツールを有効にした状態で、アドレスバーの左横にある更新アイコンを左クリックで長押し（若しくは右クリック）します。
再読み込みのオプションメニューが表示されるので、そこからリロードの方法を選択します。

![chrome_sr.png](https://qiita-image-store.s3.amazonaws.com/0/22772/8e258f4e-77e6-a37b-63b2-1e13f1114362.png)

詳しくは[Chromeブラウザでスーパーリロードする方法] (http://kimihiro-n.appspot.com/show/86002)をどうぞ。

#### キーボードショートカット

Chrome のキーボード ショートカット
https://support.google.com/chrome/answer/157179?hl=ja&ref_topic=14676



## Mozilla Firefox

Mozilla製、2002年公開。


### 正式版

https://www.mozilla.org/ja/firefox/new/

![firefox.png](https://qiita-image-store.s3.amazonaws.com/0/22772/4ae55bec-e80e-45ab-4d7f-03e7232718f5.png)

* バージョンは2016/07/10時点のものです。

*各国語版*

https://www.mozilla.org/ja/firefox/all/

#### aboutページ

#### about:config

Configuration Editorを表示します。

**参考**

* [Firefox の Configuration Editor] (https://support.mozilla.org/ja/kb/about-config-editor-firefox)

#### about:license

ライセンスの情報が確認できます。

#### about:buildconfig

ビルドの情報が確認できます。


### 開発者向け (developer edition)

正式版と並行インストールが可能です。
青い狐のアイコンが印象的です。

https://www.mozilla.org/ja/firefox/developer/

![firefox_dev.png](https://qiita-image-store.s3.amazonaws.com/0/22772/c281237a-03a1-e3fa-c50e-9594289e2286.png)

* バージョンは2016/07/10時点のものです。

### 拡張機能

Add-ons for Firefoxよりインストール可能。

https://addons.mozilla.org/ja/firefox/



## Microsoft Edge

マイクロソフト製、2015年公開。

### 正式版

https://www.microsoft.com/ja-jp/windows/microsoft-edge

### 拡張機能

いまのところ使用できないようですが、将来的にはWindowsストアよりextensionをインストールできるようになる模様です。

https://developer.microsoft.com/en-us/microsoft-edge/extensions/#available-extensions


## Opera

Opera Software製、1996年公開。

### 正式版

http://www.opera.com/ja

### Beta / Developerブラウザ

http://www.opera.com/ja/computer/beta

### 拡張機能

Opera アドオンよりインストール可能。

https://addons.opera.com/ja/extensions/



## Vivaldi

Vivaldi Technologies製、2016年公開。

### 正式版

https://vivaldi.com/?lang=ja_JP

![vivaldi.png](https://qiita-image-store.s3.amazonaws.com/0/22772/063903bf-cee0-1b00-aa74-2aa8c7f5ca10.png)

* バージョンは2016/07/09時点のものです。

### 拡張機能

Chromeウェブストアよりインストール可能。


## Blisk beta

2016/07/09現在、beta版が公開されている新しいブラウザです。いまのところWindows版/Max OS X版があります。
Web developer向けのブラウザということで注目を集めているようです。

### Beta版

https://blisk.io/

![blisk.png](https://qiita-image-store.s3.amazonaws.com/0/22772/feb29a95-17a2-8fae-d899-5887977ffb7c.png)

* バージョンは2016/07/09時点のものです。


画面にスマホ版とPC版のページを同時に表示することができます。どちらかで画面をスクロールさせるとスマホ版とPC版が同期してスクロールします。
一番左端には代表的なスマホやタブレットが並び、クリックするだけで機種を切り替えることができます。

![blisk.png](https://qiita-image-store.s3.amazonaws.com/0/22772/b2d080c9-f143-54f3-952d-ede9f69b23b2.png)

Developer Toolsも使えます。

![blisk_2.png](https://qiita-image-store.s3.amazonaws.com/0/22772/3293c888-0179-b97f-9181-0ae299a03b99.png)


#### Chrome-URLs

Bliskもアドレスバーに`blisk://about/`と入力してエンターを押すと、Chrome URLsページを表示することができます。


#### 参考記事

[まだChrome使ってるの？ Web開発者専用ブラウザー「Blisk」に惚れた！] (https://www.webprofessional.jp/2016/07/3885/)
[Web開発者を助けるブラウザ「Blisk」とは?] (http://news.mynavi.jp/news/2016/05/27/220/)
[開発者のブラウザ「Blisk」を使ってみた感想] (http://sukohi.blogspot.jp/2016/05/blisk-browser.html)


### 拡張機能

Chromeウェブストアよりインストール可能。