ChromeのDev Toolsでブレークポイントを設置してデバグしているときにフレームがjQueryなどの実装の中に突入してしまうことがある。ほとんどの場合はjQueryの中身をデバグしたくない。 この Manage framework blackboxing で URI patternを指定することでデバグから除外するライブラリを指定できる。 あるいは、デバグしている途中に右クリックして"Blackbox Script"を選択してもいい。 超便利。
![Chromeでデバグ中にjQuery等のライブラリをデバガから除外したい - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/db77764f04121eacd1b1d98228a16bedf5747193/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9Q2hyb21lJUUzJTgxJUE3JUUzJTgzJTg3JUUzJTgzJTkwJUUzJTgyJUIwJUU0JUI4JUFEJUUzJTgxJUFCalF1ZXJ5JUU3JUFEJTg5JUUzJTgxJUFFJUUzJTgzJUE5JUUzJTgyJUE0JUUzJTgzJTk2JUUzJTgzJUE5JUUzJTgzJUFBJUUzJTgyJTkyJUUzJTgzJTg3JUUzJTgzJTkwJUUzJTgyJUFDJUUzJTgxJThCJUUzJTgyJTg5JUU5JTk5JUE0JUU1JUE0JTk2JUUzJTgxJTk3JUUzJTgxJTlGJUUzJTgxJTg0JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz1mY2M1YzFmOGVjN2JmZTIzMzZhZGQxZDJiNWI0N2VjYw%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBrMTJ1JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0wMzAxZWUwYzM4MTYzMjQ1MGRlZjQxY2NjZGE0ZmQ5OA%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Dd851fe71c5b80af8df0929ffb1be9a22)
How browsers work Stay organized with collections Save and categorize content based on your preferences. Preface This comprehensive primer on the internal operations of WebKit and Gecko is the result of much research done by Israeli developer Tali Garsiel. Over a few years, she reviewed all the published data about browser internals and spent a lot of time reading web browser source code. She wrot
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
買物情報事業部の根岸(@negipo)です。今回はブラウザ拡張を日常業務でどう使っているかについて紹介します。 ブラウザ拡張とは ブラウザ拡張は、ブラウザによるウェブとのインターフェースをJavaScriptやCSSを用いて自分好みにカスタマイズする機能です。Google Chromeを利用していればChromeウェブストアなどで公開されている拡張をインストールできるでしょう。一方で、開発したブラウザ拡張を自分で使うために、Chromeウェブストアによる公開と言うプロセスを踏むのは面倒です。日常的にウェブのインターフェースを改変する道具としてブラウザ拡張を使うためにはいくつかの手法がありますが、僕はGithubのdefunktさんが作ったdotjsを使っています。詳細は省きますが、今開いているページでalertを出すぐらいの機能であれば10秒で開発作業を終えることができると思います。 また
2017年3月26日追記 bpushは2年弱の運営の後、OSSとして生まれ変わりました。詳しくは下記の記事をご覧ください。 国内初のウェブプッシュサービスbpushのOSS化と運営して学んだことについて ブラウザだけでプッシュ通知ができるようになった Chromeのバージョン42からプッシュ通知が可能になったという記事は読まれましたでしょうか? 「Google Chrome 42」安定版リリース プッシュ通知機能追加と45件の脆弱性対 Chrome 42から、Service Workerという新しい仕組みによって、ブラウザを閉じていても、スマートフォンのプッシュ通知のようにサービス側からお知らせを届けることができるようになりました。この機能はデスクトップ版とAndroid版のChromeに導入されています。通知の仕組みにGoogle Cloud Messaging(GCM)を使っているため
.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
いいか、押すなよ〜、MacでChromeを使ってるやつ、このリンクを絶対に押すなよ! 押したらどうなるかって? リンクを開いた瞬間、高確率でクラッシュします。Mac版Chromeを高確率でクラッシュさせる謎の13文字が含まれているのです。その特定の13文字とはアッシリア語で書かれた以下の文字列(そのままアッシリア語を表示するとクラッシュするかもしれないので画像で)。 このリンク自体は決して怪しいものではなく(フィッシング詐欺とかではないのでご安心を)、Chromeのベースでもある「Chromium」というオープンソースのブラウザに関する開発者向けのコミュニティに報告されたバグ(Issue 468390)のひとつ。 どうやってこんな「古代楔型文字の13文字を表示させるとクラッシュする」バグを発見したのかは不思議です。当然この13文字を含んだブログを書いたり、Tweetしたり、Facebook
3 月 13 日、Chrome Beta のブログポストが出ました。Android 版 Chrome でプッシュ通知が使えるようになったのが個人的なハイライトです。 「確かにプッシュ通知は便利かもね〜」と思ったあなた、驚きが足りません。のけぞるべきです。小躍りするべきです。 理由を説明します。 ユーザーエンゲージメントが変わる # あなたのウェブサイトのビジネスモデルが広告モデルにしろ課金モデルにしろ、ユーザーが繰り返し訪れてくれることは大前提です。通常のウェブサイトやサービスは、そのための策を練ります。そのきっかけをサービス側から能動的に与えることで、ユーザーが戻ってきて、ビジネスは回ります。しかし、そのきっかけを与える方法は、非常に限定されていると言わざるを得ません。 インターネットが普及し始めた当初から伝統的に利用されているのがメール、数年前から利用されているのがソーシャルメディア、
軽いぞ。ネット中毒歓喜の新ブラウザ「Vivaldi」2015.03.09 07:0011,983 satomi モザイク、ネットスケープ、IE、FireFox、Safari、Chromeときたブラウザ戦争に、Operaの灰から生まれたパワーユーザー用ブラウザ「Vivaldi」が参戦です。早速使ってみました! ファンの間では、独自開発のレンダリングエンジンPrestoを放棄した数年前の段階で最強ブラウザ終焉と惜しまれたOpera。このVivaldiでは、Operaのパワーユーザー向け機能(タブスタック、豊富なキーボードショートカット、ページ内メモとり機能ほか多数)の復活を目指しています。 今出ているのはテクニカルプレビュー版なので、バギーだし、使えない機能も若干ありますが(サイドバー、メールクライアントなど)、使えるところを触ってみただけでもサクサクで、これはパワフルなネットブラウジングマシ
単調なタイトルで伝わりにくそう ですけど、割りと便利なエクステ ンションだったのでご紹介します。 起動中は常にWebサイトを白黒に してくれる、というもの。Webデ ザイナーさん向けですね。 Webサイトをグレースケール化してくれます。毎回操作するわけじゃなく、エクステンションを起動させればページ移動しても他タブで開いていたページもリロードせずにグレースケール化するので結構便利でした。 グレースケール化するエクステンション。Webデザイナーさん向けですね。Flashなども全部白黒にしてくれます。 Webデザインにおいて色のみに依存した情報の提供は非常に問題です。そうした問題を、グレースケール化する事で検証する事が出来ます。色を排除すればWebデザインの機能性をチェックしやすくなりますね。 例えば当ブログではタイトルのリンクが黒→赤となりますが、グレースケール化するとオンマウス時で色に変化が
さよならChrome。私、Firefoxに戻ります2015.02.16 12:008,095 渡邊徹則 みなさん、ブラウザなに使ってます? Chromeですよね。ではその前はなに使ってました? Firefoxですよね。 Chromeは、機能を最小限に絞った、その分恐ろしく速いブラウザでした。初めて試した時は、まるでコンピューターを買い替えた時のような感覚を味わったものです。しかし最近のChromeは、太りすぎて、遅くて、少なくとも私の環境では、しょっちゅうクラッシュするようになりました。もう、我慢の限界なんです。 その予兆は、数年前からありました。グーグルは2011年頃から、肥大化するChromeのファイルサイズを下げようと四苦八苦していたんです。 インストール時のサイズは問題ありません。ただ、ちょっと検索しただけでも、ここ数年のChromeに対する不満はゴロゴロ出てきます。とりあえず、タ
2018年12月4日 Japan Container Days 講演資料 谷脇大輔 Preferred Networksでは1000個以上のGPUとInfiniBandからなるオンプレミスのクラスターを自社で構築しており、研究者が様々な目的、リソース量、実行時間の機械学習ジョブをKubernetes上で実行して研究成果を出しています。 KubernetesはKubeflowの登場など、機械学習基盤としても非常に注目されている一方で、現実的には未だ発展途上です。 講演では機械学習基盤としてのKubernetesの導入理由、その実用性と将来性、Preferred Networksの挑戦についてお話ししました。
Googleの開発する「Chrome OS」のウィンドウ内部でLinuxが実行可能になったことが分かりました(9to5Google、gigot)。 この情報はGoogleのFrançois Beaufort氏がGoogle+で明らかにしたもの。開発モードに設定したChromeデバイスに、Croutonと呼ばれるツールとChrome拡張を導入することで、好みのLinuxディストリビューションがウィンドウ内部で実行可能になるというものです。以前からChrome OSでLinuxを動かす方法は存在しましたが、今回の方法は、シームレスにサイドバイサイドでChrome OSとLinuxを実行できるところが優れています。 具体的な導入方法は以下の通り。 Chromeデバイスを開発者モードに。 Crouton Integration Chrome Extensionを導入。 croutonをインストール
Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and
ChromeOSがリリースされて、関連ソフトウェアもずいぶん増えてきたように見えますが、まだまだ実用上では物足りないと思っている人も多いのではないでしょうか。 そこに凄いソフトウェアが登場しました。なんとAPKファイルをChromeOSで動くように変換してしまうコンバータです。実際にはそればかりかWindowsやMac OSX、Linuxでも動かせます(かなり限定的ですが)。 chromeos-apkの使い方 chromeos-apkはnodeでインストールできます。 $ npm install chromeos-apk -g インストールが終わったら chromeos-apk でAPKファイルを変換します。 $ chromeos-apk com.soundcloud.android.apk なおAPKファイルについてはAPKダウンローダーを使うのが良さそうです。 後はできあがったフォルダ
はじめに 昨今のWebブラウザはどのような機能があるのか把握するのも大変なほど多機能で便利ですよね。 Webブラウザの機能を把握してうまく使いこなせること(とくに開発者ツール)が、フロントエンドエンジニアの前提スキルになってきてるのかなぁと感じる今日この頃です。 ということで自分のデフォルトの開発用ブラウザはChromeなのですが、これを覚えて捗ったなぁということをメモしていこうと思います。 思い浮かんだら追記していこうと思っているのでストックして頂けると幸いです。 基本系 キーボードショートカットを覚える Chromeのキーボードショートカットの一覧 キーボードで出来ることはなるべくキーボードでやるけれども、マウスやトラックパッドでやったほうが速い場合は臨機応変に切替えることを心がけています。 Chrome Canaryを使う Chromeの開発者向けプレビュー版 Chrome Cana
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く