忍者ブログ

ゆるいSEの小ネタ集

ゆるキャラ好きのITエンジニアが書くTips。 ゆるキャラ命なSEのIT徒然草 https://itmagic.hatenablog.com/

Web開発関連ツール

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

コメント

ただいまコメントを受けつけておりません。

Web開発関連ツール

【IE開発者ツール】
IE8以降で使用可能。スクリプトのデバッグやHTMLの解析、HTTP通信解析などを行える。

■HTTP通信キャプチャ使用方法
 F12⇒ネットワーク⇒キャプチャの開始

■スクリプトのデバッグ
~~~

■Cookie情報表示
キャッシュ→Cookie情報を表示する を選ぶと、別タブでCookie情報が表示される。
[参考]
 http://www.atmarkit.co.jp/fwin2k/win2ktips/1181ie8dvt/ie8dvt.html
「ツール→開発者ツール」を開く。


【Chromeデベロッパーツール】
■起動
F12

■エミュレートする端末変更
・Elements⇒右下※?マーク押下⇒Overrides
・UserAgentにチェックを入れ、任意のブラウザを選択

ver35では、Elementsの下のEmulationタブ⇒Device で選択できる。

■UserAgent変更
Elementsの下のEmulation⇒UserAgent


【FireMobileSimulator】
■概要
疑似的に任意のモバイル端末からのアクセスを実現するツール。

■インストール
(chrome)
https://chrome.google.com/webstore/detail/firemobilesimulator-for-g/mkihbloiacgiofaejgagokalpeflnmbe?hl=ja
(firefox)
https://addons.mozilla.org/ja/firefox/addon/firemobilesimulator/

■使用方法
・端末追加
 ツール>FireMobileSimulator>最新端末リストから端末を追加
 ⇒端末名検索 で任意の端末を検索し、チェックを入れて「選択した端末を追加」押下
・端末選択
 ツール>FireMobileSimulator で表示される、任意の端末を選択


【IE Collection】
http://utilu.com/IECollection/
IECollection1721.exe
上記で、各IEバージョンが入る。各IEバージョンでの動作確認に使用する。
IE6 SP2のバージョンは以下。
6.00.2900.2180 Internet Explorer 6 (Windows XP SP2)
PR

コメント

ただいまコメントを受けつけておりません。

プロフィール

HN:
ゆるキャラ命
性別:
非公開

P R