「ブレークポイントを使用したデバッグ」 Chrome DevTools Tips集 #2 | ブログ | UiDev
Sourcesタブの使い方を知りたい方普段 console.log() を使用してデバッグをしていて、より効率的にデバッグをしたいと考えている方コーディング力だけでなくデバッグ力も大切だと考えている方 ブレークポイントを使用したデバッグ方法 ブレークポイントとは、設定することで、プログラムの実行を任意の場所で一時停止し、停止した場所の変数の状態やコールスタック（関数の呼び出し経路）を確認できます。他にも、停止した場所からコードの実行を一つ一つ自分で進めることができます。 次のコードを例として、ブレークポイントとの使い方を解説していきます。 ↑のコードの簡単な説明といたしましては、配列で渡した数値の合計を返すsum関数と、平均値を表す average 関数を定義しています。average 関数の内部では、sum 関数を使用しています。 average 関数を実行したときの動作をブレークポイン
aXe Chrome plugin を使ってみる
投稿者: kem / 右記内 aXe / 投稿日:2017-11-02 ( 6 年, 10 ヶ月 ago) / 更新日:2019-09-03 ( 5 年 ago) / コメント User guide | sonar documentation を使っていて aXe という アクセスビリティチェックツールがあることを知りました。 単独機能を持つ、Chrome plugin があるので、インストールして使ってみます。 目次[TOC] aXe とは？Deque Systems | Web Accessibility | Software, Services, and Training という企業が開発しているWeb アクセシビリティの Lint ツールです。 無料で使える aXe-core と、有料 (ベータ版) の axe-pro があるようです。 インストール、実行aXe - Chrome
Google Developers Japan: 新しい Cookie 設定 SameSite=None; Secure の準備を始めましょう
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
どんどん便利になってるChromeの機能拡張！Web制作に便利な機能がまとめられた -CanvasFlip
DOMの構造を調査する、要素のサイズを測る、要素のみのキャプチャを撮る、画像ファイルを抽出する、カラーやテキストを編集するなど、これらWeb制作に便利な機能がまとめて、しかも高性能で快適に利用できるChromeの機能拡張を紹介します。 それぞれ単体の機能拡張を使用している人は、一つにまとめられて簡単だと思います。 CanvasFlip CanvasFlipの機能 CanvasFlipのインストール CanvasFlipの使い方 CanvasFlipの機能 CanvasFlipは先日リリースされたばかりの新しい機能拡張で、私も先週から使用していますが、かなり便利です。パネルのUIも操作しやすく、ページに表示されるハイライトやメジャーも見やすいと思います。 ページの基本情報。 指定した要素のプロパティを表示するインスペクタ。 インスペクタでスタイルを変更すると、すぐにページに反映されます。 メ
事前レンダリングでウェブページの表示時間を高速化
[対象: 上級] 事前レンダリングと呼ぶ技術を使って、ウェブページの表示時間を高速化する方法をこの記事では解説します。 事前レンダリングとは 事前レンダリング (Prerendering)とは、その名のとおり、ページの読み込み（正確にはレンダリング）を前もって実行する仕組みです。 Google検索で採用されている「インスタントページ」には事前レンダリングが使われています。 下のキャプチャは、Googleで「Amazon」を検索したときのChromeのタスクの状況をタスクマネージャで確認したものです。 「事前レンダリング」でAmazon.co.jpが出ています。 「Amazon」で検索したユーザーはかなり高い確率で（1位に出てきた）Amazonのホームページをクリックするはずです。 Chromeは先回りして、ユーザーがクリックしなくてもAmazonのホームページを取得および描画、つまりレンダ
Internet ExplorerをGoogle Chrome並にする"Google Chrome Frame" : Safari Realized
2009年09月25日12:20 Posted innews Internet ExplorerをGoogle Chrome並にする"Google Chrome Frame" GoogleよりInternet ExplorerでWebKitを使ったレンダリングで表示出来るGoogle Chrome Frameのβ版が発表されました。Windows Vista/XP SP2以降にインストールされたInternet Explorer 6/7/8が対象となります。 Google Chrome Frame - Google Code Chromium Blog: Introducing Google Chrome Frame Today, we're releasing an early version of Google Chrome Frame, an open source plug-in
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Funkify