Copy document URL / link URL to clipboard as HTML, Markdown, Text etc. Copy document URL / link URL to clipboard as HTML, Markdown, Plain Text etc. * When copying the URL of the page, right-click anywhere on the page and open the context menu, then select the format to copy. * When you right-click on a link (an anchor element), you can copy the URL of that link. * If you select some text before ri
ドキュメントのURLやリンクのURLを、HTML、Markdown、Text形式などでクリップボードにコピー ドキュメントのURLやリンクのURLを、HTML、Markdown、Text形式などでクリップボードにコピーします。 * ページのURLをコピーする場合、ページの任意の場所で右クリックしてコンテキストメニューを開き、コピーする形式を選択します。 * リンク（アンカー要素）上で右クリックすると、リンクのURLをコピーできます。 * テキストをあらかじめ部分選択してから右クリックすると、そのテキストがリンクの内容（コンテンツ）として使用されます。 * コンテンツのテキストはコピーの実行時に編集できます。 * クリップボードへのコピーは、コンテキストメニュー、ツールボタン、キーボードショートカットのいずれからでも実行できます。 注：現在、(X)HTML文書でのみ有効です。
ソースコードリーディングとかしてると、ただコード読んでてもどうしようもなく、オブジェクトの中身や変数などを見るためにデバッグツールを使いながらでないとやっていけないことが今になって分かりました。自分でもどうしようもなくアホだと思いながら戒めのために覚書。 デバッグツールの機能 僕自身まともに触れる言語はjavascriptとphpくらいなもので、どちらもeclipseのようなIDEを使わず頑なにvimを使って組んできました。phpの場合はxdebugと連携させる方法*1や、javascriptならrhinoなんかを入れてquickrunとかって方法も考えられますが、僕はある程度は知っていながらもひたすら標準のスタックトレースやalert,console.log,console.dirばかりしていたので、まずはIDEなどに搭載されている一般的なデバッグ機能を復習をかねて覚書。 ブレークポイン
Webアプリのデバッグやチューニングに役立つ、Chrome Developer Toolsの主要機能を、スクリーンキャプチャ中心で簡潔に紹介。2014年10月に最新情報に改訂。 モダンブラウザーの中でGoogle Chromeは最後発ながら、その機能の潤沢さ、便利さ、高速さからシェアを大きく伸ばしている。そして、今やほとんどのブラウザーではWindowsの場合F12キーを押すことで（Macの場合はCommand＋Option＋Iキーで）手軽に各ブラウザー搭載のデベロッパーツールを利用できるが、特にChromeのデベロッパーツールは、非常に機能が豊富なため、利用している人もかなり多い。 本稿では筆者がよく使う機能や、使うと便利な機能を中心に、Chromeのデベロッパーツールについて紹介していく。なお、本書は執筆時点で、最新のChrome 38を使用している。 機能ふかん 残念ながら、Chro
以下よりインストールする。 ダウンロード Chrome ウェブストア – HTTP Headers インストール インストールすると即座に利用でき、アンイストールも簡単に行うことができるChrome は素晴らしい。（Firefox は再起動が必要） 使い方 インストールすると表示されるボタンをクリックするだけで、ステータスコードなどが確認できる。 ステータスコードは各種情報が記された表から探さなくてもよいように、枠外にも記載されている親切設計。 標準機能 Chrome に拡張機能をインストールせず、Chrome の標準機能で確認する方法もある。 「 chrome://net-internals/#events 」を開き、該当イベントを選択するとステータスコードを確認できる。 参考文献 Google chromeでHTTP headerをみる方法 – [Mi]みたいなもの Google Ch
HTTPヘッダー（Request・Response）を確認したい時のツールを探してみました。結果、標準ツールが十分強力であり、Proxyタイプまで使うと何でもありな勢いな事がわかりました。HTML5/CSS3/JavaScript時代だから、これぐらいないと開発も大変ですよねぇ。 ブラウザ標準 個人的に、Chromeだけ目的ピッタリが見つからなかったのですが、どのブラウザも標準ツールが充実しています。機能がありすぎるぐらい。 InternetExplorer ：[F12] > ネットワーク IE9からついてる開発者ツールの１機能。高機能です。取得結果をXML保存も出来ます。 参考：使ってみよう! F12-IE9 開発者ツール – HTTP キャプチャ機能 Firefox ：Ctrl-Shift-K 4以降で導入されたWebコンソール機能。表示も綺麗で便利。保存は出来ないみたいですが、十分で
世界中のあらゆる情報を検索するためのツールを提供しています。さまざまな検索機能を活用して、お探しの情報を見つけてください。
早速 GoogleのChrome を使ってみました。 Firefoxでは3秒かかるこのブログのレンダリングも、 2秒程度で完了するなど、非常に軽快に動作しますね。 デフォルトでFirebug的な開発環境がついてくるのも素晴らしいです。 Google ChromeのFAQ を読んでみたところ、 18. How can I include my site's search in Google Chrome's search options? By providing an OpenSearch description document (OSDD), you enable Google Chrome to include your site in the list of search engines in the browser. For more information about Open
Chrome Extensions API リファレンス このページは、Google Chrome Extension作成のための勉強過程で作成しました。基本的にはほぼ の意訳になっています。いずれ本体で日本語ページが用意されると思いますが、それまで便利に使ってもらえれば良いなと思います。 また、拡張機能を 自作 している過程で出たポイントを、逆引きコンテンツとして追加したりもしてあります。 全体を通じて、誤り等もあるかと思います。また、黎明期の機能であるため、実装がそもそもドキュメントと異なる点も散見されます。このサイトによって引き起こされるいかなる不都合についても当方は責任を負いかねますが、ご意見や指摘などは、以下のいずれかに頂ければ幸いです。 拡張機能作成のために 公式サイトにもありますが、順番としては、次のような感じがやはり良いのではないかと思います。 はじめてみよう で、まずは動
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く