Chrome DevToolsを使ってJavaScriptのメモリリークを検出し、解消する - 人生dat落ち
JavaScriptを書いていたらブラウザがくっそ重くなる症状に出くわした。あぁ、噂のメモリリークですわ。 先人の知恵に頼るマン。それっぽい記事が見つかる。 javascriptのメモリリーク対策(随時更新) - Qiita Shibu’s Diary: JavaScriptのメモリリークを10倍速で発見する Taming The Unicorn: Easing JavaScript Memory Profiling In Chrome DevTools Writing Fast, Memory-Efficient JavaScript - Smashing Magazine angularjs - How to catch memory leaks in an Angular application? - Stack Overflow 上の記事はProfiles + Take Heap
Chrome DevToolsを使いこなすための参考サイトまとめ | 1 pixel｜サイバーエージェント公式クリエイターズブログ
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 フロントエンドエンジニアの谷です。 本記事ではGoogle Chromeの開発者ツール、Chrome DevToolsを使いこなすために参考になるサイト、ページの紹介をします。 すでに多くのフロントエンドエンジニアが開発で使っているかもしれませんが、「要素のインスペクタなどの基本的な機能しか使っていない」「UA切り替えくらいしかつかってない」というような方や、そもそもほとんど使ったことがない、という方もこれらを参考にフロントエンド開発を効率化していきましょう！ 基本的な使い方 Chrome DevTools Overview 基本はやはり公式ドキュメ
僕が考えたChrome拡張機能を作るときのデザインパターン
最近いくつかのChrome拡張機能を作っていて、すでに数千人のユーザを獲得できているものが出てきてたりします。 Image collector extension goo.gl URL Shortener extension mixi Check button extension Semantic inspector これだけ作ってると、何となく自分でのChrome拡張機能を作り出す際のデザインパターン・・・っていう大それたものじゃないけど、ようはテンプレが確立されてきます。全く褒められない書き方をしているかもしれませんが、ここでそのテンプレ達を晒しておこうかな、と思います。 manifest.json まずはChrome拡張機能の要であるマニフェストファイルです。これは誰が書いてもさほど変わらない記述内容となるでしょう。 { "manifest_version": 2, "name":
サイトに使われている技術が丸裸になるChrome拡張「BuiltWith」:phpspot開発日誌
Chrome ウェブストア - BuiltWith Technology Profiler サイトに使われている技術が丸裸になるChrome拡張「BuiltWith」。 サーバに何を使っているとか、PHPを使っているかとか、jQueryとかのライブラリや、Analyticsが入っているかといった情報を一括で表示してくれるChrome拡張。 サイト上でボタンを押すだけで解析することが出来ます。なんだか恥ずかしいですがこういうツールで調べられちゃうので気をつけましょう ヘッダやソースを見れば当然ながら調べられる情報なんですがボタン一発で調べられるっていうのは便利ですね 関連エントリ Vimの分かりやすいチートシートを見れるChrome拡張「Vim Help」 PHPのエラーなんかをブラウザで確認できるChrome拡張「php-console」 ChromeをiPhoneシミュレーターにできる拡
快適キーボードショートカットChrome拡張機能「Keyconfig」の設定方法 | nori510.com
chromeエクステンションにアテンションプリーズ。どーもノリ五藤( @nori510 )です。 トラックパッドを「BetterTouchTool」で拡張して、chrome拡張機能「Keyconfig」でキーボードショートカットを設定してのブラウジングに慣れてしまうと、二度とコレ無しの生活には戻れなくなってしまうこと請け合いの良エクステンションです。 という事で、超快適にキーボードショートカットでお助けしてくれる、素晴らしいChrome拡張機能「Keyconfig」のご紹介をさせて頂きます。 超絶快適キーボードショートカット！ Chromeエクステンション「Keyconfig」 chromeへのインストール まずは、chromeへのインストール。 オプションで設定 インストールが済んだら、あとは設定。簡単に設定方法をご説明します。 chromeの「拡張機能」から、「Keyconfing」の
Chrome Release Channels
Chrome supports a number of different release channels. We use these channels to slowly roll out updates to users, starting with our close to daily Canary channel builds, all the way up to our Stable channel releases that happen every 6 weeks roughly. Channels Windows 64-bit All channels may be run in parallel -- they install into distinct directories and use dedicated User Data directories. Stabl
はじめてのChrome extension
1. 2011/10/29 BootCamp 2011 Toru Yoshikawa ( @yoshikawa_t ) #bc2011jp #chr1 21. { "name": "Sample Extension", "version": "0.1", "browser_action": { "default_popup": "popup.html", "default_icon": "icon.png" } } 22. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> p { font-size: 32px; } </style> </head> <body> <p>Hello, World!</p> </body> </html> 28. { "name": "Sample Extension", "versio
Google Chromeの特殊URL @ val it: α → α = fun
This entry was posted by Jun Mukai on Friday, 11 February, 2011 Google Chromeにはいくつか特殊な形式のURL(about:*かchrome://*の形式)があって、chromeの内部に触れたりいろいろあります。代表的なところで、設定ダイアログになっているchrome://settingsがあります(stable版ではまだないかも？)。なかなか便利だし、見ると楽しい物も結構あるので、他にどういうものがあるのかを軽く調べてみました。一覧はソースコードのcommon/url_constants.ccから調べました。 about: about:version Chromeのバージョン情報など about:about about:*の一覧を表示 about:appcache-internals chrome://appcac
Google ChromeでHTTPヘッダテキストを確認する方法 - Gaishimo
Google ChromeでHTTPヘッダのテキストを確認する方法です。 アドレスバーに chrome://net-internals/ を入力しアクセスします。 net-internals は、chromeが用意する開発者向けのページの一つです。ネットワーク関連の情報をここで閲覧することができます。その中のRequestsタブEventsタブ*1を選択し、該当のリクエストをクリックすると、右側にHTTP通信の詳細なログが表示されます。その中にHTTPヘッダも含まれます。 net-internals以外にも、about:about とアドレスバーに入力すると開発者向けのページがいくつか用意されています。 この開発者向けページの存在は初めて知ったのですが、開発・デバッグに便利な機能が色々とありそうなので、確認してみようと思います。 参考：http://gihyo.jp/dev/feature
[chrome][tumblr] Google ChromeでFirefoxのようなReblogしまくれる環境を構築する - carrot&stick
tholly98: hageatama: yellowblog: utatane: syoichi: Tumblrを紹介しているブログでは、Dashboard上でキーボードショートカットにより多くのポストをReblogできるMozilla Firefoxのカスタマイズも併せて解説されていることがあります。ですが最近になってGoogle Chromeのほうでも完全ではないもののFirefoxのようにReblogできる環境が整いつつあります。このポストではまだ少ないChromeにおけるDashboard上のReblog環境の構築を解説します。 まずFirefoxでは以下の拡張とUser ScriptがReblog環境の構築に必要です。 Greasemonkey AutoPagerize Minibuffer LDRize ReblogCommand tumblr Dashboard jk di
gadget-or-gimmick
ถ้าไม่มีอะไรอย่างอื่น สล็อต ต้องขอบคุณ Naraka Bladepoint ที่เป็นหนึ่งในไม่กี่ชื่อ Battle Royale ที่การถูกยิงโดยใครบางคนที่ สล็อต...
ついに出た！Chrome版「Page Speed」の使い方
2011/3/22に、GoogleがようやくGoogle Chrome版「Page Speed」拡張機能を公開しました。 「Page Speed」は、項目をある程度理解できれば自分や自社のサイトの表示速度の改善にとても役立つツールです。 この記事では、「Page Speed」のインストール方法から各調査項目の見方や改善方法を中心に使い方を解説します。 ぜひ、ご自身のサイトの改善に役立てていただければと思います。 そもそも、なぜサイトの表示速度を速くする必要があるのか？ 例えば、Amazonの調査によると「表示速度が0.1秒遅くなると、売上が1％減少する」といい、Googleの調査によると「表示速度が0.5秒遅くなると、検索数が20％減少する」と言われます。 また、GoogleはWebページの読み込み速度をアルゴリズムに取り入れたことを発表しています。 大手サイトや大規模なECサイトに限らず
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Situs Judi Online dan Slot Online Bocoran Rtp Terpercaya Indonesia - devtoolstips.com
Sitetophone.com
「Google Chrome Deveoper Tools」はこう使う！ 基本機能チュートリアル & GDD 2011 セッション概要
リダイレクトの警告
appengine ja night 16 BT Frontend cache control
https://jp.techcrunch.com/2011/05/18/20110517google-chrome-android/
Super Full Feeds for Google Reader™ - Chrome Web Store
earthquake Notify(緊急地震速報)
