いろいろなブラウザなどpc操作中

目次

Google Chrome
デベロッパーツールや
拡張機能など
firefoxの 設定、
ツールバーなど
firefoxの
開発ツール
firefox
ブックマーク
について
firefox
アドオン
について
オートコンプリート、
自動補完について
ブラウザ、OSごとの
cookie無効やりかた

はじめに

同じwebサイトでも、ブラウザの種類やバージョンによって表示が大きく変わることがあります。
また、拡張機能、アドオンによって様々な機能を追加することができます。

外部リンク参考サイトさん 確認君+(Plus) 　ブラウザ、OS、IPアドレスなど確認できる

ブラウザ

Google Chrome

googleが開発した軽量・高速ブラウザ。webをサクサク表示する超高速。。
拡張機能を追加できカスタマイズも自由にできます。シンプルなデザインで人気が高い。

拡張機能(Chrome Web Store)

「Chrome Web Store」から拡張機能を追加する。
androidのChromeの場合は、PCのChromeと違い拡張機能がありません。

「その他のツール」→「拡張機能」

デベロッパーツール


DeveloperTools-クロム

画面上で右クリック→検証。またはF12キー。

英語表記になります。 デベロッパーツールの表示位置
　デベロッパーツール上の右上3つの点をクリック→画面下、右、左、別ウィンドウ表示に設定できます。
DeveloperTools-クロム位置 いろいろな端末での表示

androidやiPhone等いろいろな端末での表示を確認できます。


  1. DeveloperTools-クロム
  2. Editをクリックすると表示する端末を増やすことができます。iPhone5/6など過去の端末もあります。
    Edit
  3. 右側に端末リストが表示され、チェックを入れると追加できます。チェックを外すと左側の端末一覧から外せます。
    端末リスト
●上の「Responsive」をクリックすると縦横サイズを入力できます。
DeveloperTools-端末サイズ
●縦向、横向確認できます。
DeveloperTools-クロム位置 ▶ ［Elementsタブ］

HTML,CSSコードが表示されます。

DeveloperTools-クロムコード表示

「Stylesタブ」CSSコードを確認できます。


●コードの左側の▼▶をクリックすると展開したり閉じたり出来ます。
head展開1
head展開2
コード情報表示

safari

アップルが開発しているmacOS搭載のウェブブラウザです。iPhone､iPadなどのアップル製品に搭載されています。

Internet Explorer

マイクロソフトが開発するウェブブラウザで、Windowsに標準搭載されています。
機能面はChromeにやや劣り,うまく表示されないこともあります。

Microsoft Edge

Windows10の標準ブラウザー

Firefox

アメリカの非営利団体であるMozilla Foundation が開発したブラウザです。
拡張機能が豊富でカスタマイズ性が、とても高いです。
Windows。macOS。Linux。AndroidではFirefox for Androidが利用できる。
翻訳機能はありませんがアドオンで追加できます。
リフレッシュ アドオン等がなくなる。
ショートカット
ctrl + dブックマーク追加
ctrl + bブックマーク表示
ctrl + h履歴表示
Ctrl + Shift + Aアドオンマネージャー表示
Ctrl + J ダウンロードの表示
外部リンク参考サイトさん firefoxショートカット
スクリーンショット firefoxスクリーンショットのやりかた

設定

右上三本線のマーク→設定

タブの設定 「一般」→「タブグループ」→「新しいウィンドウではなく新しいタブに開く」
Firefoxタブ ダウンロードフォルダの設定 「一般」→「ファイルとプログラム」→「ダウンロード」※「参照」をクリックすると任意のフォルダを選択できます。
Firefoxダウンロード

ツールバー

ツールバーのカスタマイズ

アドオンや設定、履歴などの位置を調整できます。

方法1
  1. 右上三本線のマーク
  2. 「その他のツール」
  3. 「ツールバーをカスタマイズ」
  4. 各アイコンをドラッグして移動。またはツールバーにてドラッグドロップして表示、非表示できます。
方法2
  1. 右上>>をクリック
  2. 「ツールバーをカスタマイズ」
    Firefoxツールバー
  3. 各アイコンをドラッグして移動。またはツールバーにてドラッグドロップして表示、非表示できます。
    Firefoxツールバードラッグ

開発ツール

DeveloperTools-Firefox

日本語表記

開発ツールの表示位置 　開発ツール上の右上3つの点をクリック→下、右、左、別ウィンドウ表示に設定できます。
DeveloperTools-Firefox位置 レスポンシブデザインモード スマホやタブレット等での画面表示を確認できます。
DeveloperTools-Firefoxレスポンシブ
縦横表示 縦横での画面表示を確認できます。
DeveloperTools-Firefox縦横表示
いろいろな端末での表示
DeveloperTools-Firefoxリスト

ブックマーク

ブックマーク追加、編集 ブックマークの追加 アドレスバーにある☆をクリック。名前や保存場所、タブを設定できます。
Firefoxブックマーク
ブックマークの編集
ブックマークを管理 ブックマークの入れ替えや表示回数の確認等ができます。
●
Firefoxブックマーク
●
Firefoxブックマーク
●ブックマーク表示順
Firefoxブックマーク
●ブックマーク並び替えや移動はブックマークをドラッグして上下に並び替え、フォルダやブックマークツールバー等に 移動できます。
Firefoxブックマーク移動
ブックマークツールバーの表示、非表示
  1. ☆のマークをクリック
  2. ブックマークツールバー
  3. ブックマークツールバーを表示。またはブックマークツールバーを隠す
    4. Firefoxブックマークツールバー
ブックマークを他のブラウザやPCへ移行
  1. ☆のマークをクリック
  2. ブックマークを管理
  3. インポートとバックアップ
  4. ・HTMLからインポート　firefoxにブックマークをインポートします
    ・HTMLからエクスポート　ブックマークをパソコンのフォルダやUSBに保存します。
    5. Firefoxインポート、エクスポート

アドオン

さまざまな機能を追加できます。androidでも可能です。

  1. メニューバー右上三本線をクリック（アンドロイドの場合、3つの点）
  2. 「アドオンとテーマ」をクリック
●
Firefoxアドオン
●拡張機能の表示
Firefoxアドオン拡張機能選択
役立ちアドオン
FireShot　画面のキャプチャーが撮れます。日本語

Adblock Plus　広告をブロックできます。日本語

Avast　セキュリィティになります。日本語　

Ghostery　トラッキング防止。日本語　

Video Download Helper　動画などダウンロード。日本語　＊使用は自己責任で

uBlock Origin　広告ブロック。日本語

CyberGhost VPN Free Proxy vpn IPアドレス用。操作も楽

Touch VPN vpn IPアドレス用　インターネット速度も表示される、操作も楽

Merge Windows 複数のウィンドウを一つにまとめます。右クリックして「Merge Windows」をクリック

Browsec VPN vpn IPアドレス用　操作も楽。速度遅め

AutocopySelection2Clipboardテキストを選択するだけでコピーできます。
貼り付けたい場所で右クリックしペースト

Image Picka サイト上の画像を一括保存できます。クリックして画像の選択も可能です。
画像を選択したら右下「SAVE」をクリックします。

Waterfox

Waterfox 　

Opera

ノルウェー会社によって開発されたブラウザです。Windowsだけでなく、Linuxなどでも利用することができます。
wikiから Operaについて

グーグル

オートコンプリート

「自動補完」とも呼ばれます。ログインページなどの入力欄に入力された内容をブラウザが記憶し、
次回以降、入力した内容を自動的に表示します。

外部リンク参考サイトさん firefox自動補完について 　

入力履歴の削除

firefox
  1. 上部メニューの履歴、ブックマーク表示ボタンをクリック
  2. [履歴] をクリック
  3. [最近の履歴を消去...]クリック
  4. [検索やフォームの入力履歴]のみにチェック
  5. [今すぐ消去] をクリック
    6. firefoxオートコンプリート
android android版firefox 　
android版yahoo
  1. yahooトップページから
  2. 右上横三本線をクリック
  3. 「検索履歴」をoff
検索履歴が消去され記録されなくなります。

オートコンプリート（自動補完）の無効

入力欄等に入力した内容を保存しないようにする。 firefox
  1. 右上三本線のメニューボタンをクリック
  2. オプションを選択
  3. 左側から「プライバシーとセキュリティ」を選択
  4. 右側「履歴」項目からfirefoxに「記憶させる履歴を詳細設定する」を選択。
  5. 「検索やフォームの入力履歴を記憶させる 」のチェックを外す。
    6. firefoxオートコンプリートの無効
android
  1. 歯車のマークの「設定」
  2. 言語と入力
  3. 仮想キーボード
  4. S-Shoin
  5. 各種リセット
  6. 学習辞書リセット

レンダリング エンジン

HTMLやCSS、Javascriptなどを処理し、コンテンツを表示すること。

HTMLレンダリングエンジン

Webブラウザの核となります。

主なHTMLレンダリングエンジンに、Trident（InternetExplor)、 Blink(Google Chrome、Opera)、
webkit(Safari)、 Gecko(Firefox)があります。