超簡単にChromeの拡張機能を作ってみる【誰でもできるよ】 - Qiita
はじめに みなさんはChromeの拡張機能を使っていますか？ 僕も使っていますが、案外Chromeの拡張機能を作るのは簡単です。 今回は、普段の業務の効率を上げるのも兼ねて自作してみました! 最低限準備するもの manifestファイル Javascriptファイル ぶっちゃけ、これだけで動きます。 実際に作ってみよう それでは実際に作成していきましょう。 今回はDとVを押すだけで、Markdownのリンクを作成する拡張機能を作成していきます。 まずは、manifestファイルから設定していきます! manifestファイル を参考にして、備忘録も兼ねて説明していきます。 今回は、最低限の設定を行います。 { "manifest_version": 3, "name": "Create markdown link", "version": "1.0.0", "icons": { "16":
なぜChromeはURLを殺そうとするのか？ (Chrome Dev Summit 2019) - ぼちぼち日記
今年もChrome開発者の集まりChrome Dev Summit 2019 (CDS) がサンフランシスコで開催されました。 今回、私が Chrome Customer Advisory Board (CAB) に選出していただいたこともあり、CDSに初めて参加しました。 これは、CDS終了後のCAB meetingで頂いたChrome Dinosaurフィギュアです。ちなみにゲームはできません。 タイトルの「なぜChromeはURLを殺そうとするのか？」は、2日目Chrome Leadsのパネルセッションで司会のGooglerが、Chrome UX担当のProduct Managerに対して一番最初に投げかけた問いです。 PMは直ちに「そんなことはしない」と即答しました。しかしChromeは、URLの表示領域からHTTPSの緑色表示の廃止・EV表示場所の移動・wwwサブドメイン表示の削
ChromeのデベロッパーツールでJSをデバッグする方法(2022年版) - ICS MEDIA
JavaScriptのデバッグは、ウェブ開発の必須スキルのひとつです。プログラムの実行をデバッグすることで、現在の変数の値や、処理がどのように進んでいるのかを確認できます。デバッグによってプログラムが意図した動作になっているかの分析に役立てられます。 本記事ではGoogle Chromeブラウザーの「Chrome Developer Tools」（以下「デベロッパーツール」、「DevToolsデブ・ツールズ」という略称もあります）を使用してJavaScriptをデバッグする際の基本的な使い方を解説します。「今までデベロッパーツールを使ったことのない」という方でもこの記事を読めば理解できるよう、チュートリアル形式になっています。20分ほどで理解できるようまとめているので、順番に試しながら読み進めてください。 この記事で学べること デベロッパーツールの使い方 JavaScriptのブレークポイ
Microsoft EdgeのChromium移行とか - fragmentary
週明けに出回った、Microsoft EdgeがChromiumベースになるという話について、Microsoftからアナウンスがあった。 Microsoft Edge: Making the web better through more open source collaboration - Windows Experience Blog For the past few years, Microsoft has meaningfully increased participation in the open source software (OSS) community, becoming one of the world’s largest supporters of OSS projects. Today we’re announcing that we intend to ado
【要注意】Chromeが"www"サブドメインを自動的に隠すようになった模様 | ソフトアンテナ
Googleは先日Chromeの最新版である「Chrome 69」をリリースしました。Chrome 69には、マテリアルデザインの導入や新しいパスワードマネージャーの追加など、Chrome 10周年を記念するのにふさわしいさまざまな新機能が追加されていますが、中には気をつけないと行けない変更も含まれているようです。 例えば今回Chromiumのバグラッキングシステムに不具合として投稿され話題となっている内容は、Chromeのアドレスバーに表示されるドメイン名から"www"が自動的に削除されるというものです。 例えばChrome 69で"www.google.com"を表示すると、アドレスバーには"google.com"と"www"が省略された状態で、上記画像のように表示されます。 クリックすると完全なURLを確認することはできますが、通常状態で目視しただけでは"google.com"を開い
Webブラウザの操作をJavaScriptで自動化。Headless Chromeのフレームワーク「Puppeteer」がバージョン1.0に到達。ChromeのDevToolsチームが開発
UIを持たずスクリプトから操作可能なWebブラウザのHeadless Chromeを利用するためのフレームワーク「Puppeteer」がバージョン1.0に到達した。Webアプリケーションの自動テストなどに利用可能だ。 GoogleのWebブラウザ「Chrome」は、ユーザーインターフェイスを持たずコマンドラインやリモートデバッグ機能を通じてWebブラウザを操作できる「Headless Chrome」機能を備えています。この機能は2017年6月にリリースされた「Chrome 59」から実現されたものです。 Headless Chromeを利用すると人間がWebブラウザをマウスやキーボードで操作することなく、プログラムでHeadless Chromeを起動し、特定のWebページを読み込み、画面キャプチャの取得や、指定された場所をクリックし、値を入力し結果を取得する、といった操作を自動的に行わせ
Chrome ExtensionのLive HTTP Headersの調査(CoolBar.Pro導入 Extensionが何を行うかの調査)
a.md Chrome ExtensionのLive HTTP Headersを調査した。Firefox用のものではない。Firefox用のものではない。 https://chrome.google.com/webstore/detail/live-http-headers/iaiioopjkcekapmldfgbebdclcnpgnlo 11/7追記 類似 or 同様の方法で難読化scriptを埋め込んでいる拡張機能が大量にあったため、Googleに報告済み。 https://twitter.com/bulkneets/status/795260268221636608 English version: https://translate.google.com/translate?sl=ja&tl=en&js=y&prev=_t&hl=ja&ie=UTF-8&u=https%3A%2F%
モーダルダイアログを表示するwindow.showModalDialogと最新ブラウザ - 小さい頃はエラ呼吸
2013.03.11追記 最新版でエントリを書き直しました。 モダンブラウザとモーダルダイアログの動作（2013年3月版） - 大人になったら肺呼吸 はじめに JavaScriptでモーダルウインドウを表示するためのメソッドwindow.showModalDialogが、最新のブラウザたちでどのように動作するかを検証してみました。 用意したブラウザ OSはWindows XP SP3 Firefox4 beta7 Opera11.00 1111 Google Chrome 8.0.552.210 beta Safari5.0.3 IE8*1 検証結果 ブラウザ 動作 備考 Firefox4 beta7 ○ Opera11.00 1111 × ダイアログが開きません。 Google Chrome 8.0.552.210 beta × ダイアログがモーダルになりません。 Safari5.0.3
GoogleChromeから余計な機能を取り払いさらに軽量・高速化したブラウザ「Iron」 - GIGAZINE
GoogleChromeは実はオープンソースのコード「Chromium」から作られており、そこへいくつかの機能をGoogleが独自に実装することで完成させたブラウザとなっています。ということは、その余計な追加機能を外せばもっとプライバシーに配慮され、そして軽量化＆高速化ができるはずだ、ということで作られたブラウザが「Iron」となります。GoogleChromeと互換性があるため、GoogleChromeで動くスクリプトはIronでも問題なく動きます。 SRWare Iron - The Browser of the Future http://www.srware.net/en/software_srware_iron.php GoogleChromeとIronの差については下記ページに一覧表形式でまとめられています。 Chrome vs Iron http://www.srware.n
パワーユーザーがFirefoxよりもChromeを好むワケ | ライフハッカー・ジャパン
オープンで拡張機能が優れているFirefoxは、パワーユーザーが好んで使うウェブブラウザです。一方で、Googleの軽量なChromeも人気です。拡張機能があり、オープンブラウザということで、Firefoxから鞍替えするユーザーもいます。 米lifehackerの読者に、現在使っているブラウザをアンケートしたところ、Chromeが42%で、Firefoxが33%でした。前回（英文記事）は、Firefoxが57%で、Chromeが21%だったので、Chromeはかなり飛躍したことになります。 米lifehackerでは、オフィスを開いた2005年以来Firefoxを使っていて、Internet Explorerに比べ、格段に使いやすいFirefoxに愛着を持っているのですが、読者の投票からすると、どうやらChromeの時代になってきているようです。ここからは、なぜパワーユーザーがChrome
「Firefox 4」がGoogle Chromeに勝てない理由
「Firefox 4」の最初のβ版を使ってみたところ、パフォーマンスでもデザインでも、Google Chromeの方が一枚上手という印象を持った。 「Firefox 4」β1をリリースした米Mozillaは、米GoogleのChrome、ノルウェーのOpera SoftwareのOpera、米MicrosoftのInternet Explorer（IE）に新たな戦いを挑む準備を進めている。同社は有利な立場にあるという自信を持っているようだ。世界で2番目に人気の高いブラウザであるFirefoxの普及がさらに拡大し、最終的にはブラウザ分野でIEから王座を奪い取る――これがMozillaの目標だ。 だが、この目標を達成するのは以前にも増して困難であるようだ。Google Chromeは、競合ブラウザよりもWebページを読み込むのが圧倒的に速いために、急速に市場シェアを拡大している。Microso
chromium (google chrome for Mac) を早速試してみた : 404 Blog Not Found
2009年05月13日12:00 カテゴリ翻訳/紹介iTech chromium (google chrome for Mac) を早速試してみた さっそくうちでも試してみた。 Google Chrome Official Build が出た！ - soundscape out TechSutra によと、Google Chrome for Mac のオフィシャルビルドがリリースされているとのこと。 Index of /buildbot/snapshots/sub-rel-mac Index of /buildbot/snapshots/chromium-rel-mac まず注意してほしいのは、これはオフィシャルビルドではあってもオフィシャルリリースではない、ということ。実際、後述するとおりオフィシャルリリースが備えていなければならない機能にもまだだいぶ抜けがある。それを差し引いても、Ch
Chromeはなぜ速いのか － ＠IT
Chromeの動作が圧倒的に速いように感じている。Chromeがリリースされた当初、それがなぜなのかよく分からなかった。グーグルだけにできて、ほかのWebブラウザ開発者にできないことなどあるように思えないが、それにしてはあまりに速いように感じたからだ。 その疑問のほとんどは、Chromeのオープンソースプロジェクト版「Chromium」の公式ブログの解説で氷解した。ブログを読んで分かったのはグーグルのエンジニアたちが信じられないほどのスピード狂であることと、そのスピードへのこだわりには2種類の“スピード”があることだ。 1つは処理速度、もう1つは応答速度だ。特に後者、ユーザーをできるだけ待たせない、イラつかせないということに対する徹底したこだわりは、すさまじい。その背後には「スピードとは、つまりお金だ」という洞察があるようだ。 0.5秒の遅延でユーザー離れ グーグル創業約1年後の1999年
GoogleはFirefoxを生き延びさせない？
問題はGoogleがMozillaの息の根を止めるかどうかではない。いつ止めるかだ。 わたしは理念としてのオープンソースを愛している。だが金は商売の潤滑油だ。そしてMozillaとFirefoxの開発を永らえさせているのはGoogleの金だ。eWEEKの同僚クリント・ボールトンは、MozillaがどれほどGoogleに依存しているかについていい記事を書いた。「Mozillaの資金の88％はGoogleから出ている。GoogleはMozillaに金を払ってFirefoxブラウザでデフォルトの検索エンジンになっている」 Firefox 1.0がリリースされた2004年11月は、Googleが検索大手になるべく台頭してきた時期と一致する。検索関連の提携は、GoogleとMozillaの双方にとって幾つもの点で好都合だった。MicrosoftのInternet Explorer（IE）はMSNがデ
Chromeで作ったものはメールもブログも全部グーグルが使える、という利用規約の謎
Chromeで作ったものはメールもブログも全部グーグルが使える、という利用規約の謎2008.09.04 14:00 Chromeで超快速ブラウジング楽しんでます？ 楽しんでる方には利用規約（EULA）の精読をオススメします。 まさかこれ、全文読んでからDL＆インストする暇な人もいないと思いますけど、みなさんが合意した条項には、Chrome使用中に作成・発行したものは全部グーグルが使っていいことにしようね、という規約があるのです。以下がそのパート。； 11.1 本サービスで、または本サービスを通じてユーザーが提出、投稿、または表示するコンテンツについてユーザーが既に取得されている著作権およびその他の権利は、ユーザーが保持するものとします。コンテンツを送信、投稿、表示することにより、ユーザーは、本サービスで、または本サービスを通じて送信、投稿、または表示したコンテンツを再生、改作、改変、翻訳、
Google Chrome JavaScriptデバッガ完全マニュアル。 - IT-Walker on hatena
Google Chromeはシンプルに見えてオフラインやWebアプリショートカット作成などいろんな機能が搭載されています。 そんな中、JavaScriptデバッガがあるのも発見！ どんなもんかと思ってみてみたら、なんとコマンドラインベースのデバッガです。Firebugみたいな物を想定していたのですが、まさかgdb（GNU製C/C++デバッガ）みたいなのがブラウザに載ってるなんて・・・しかも全然情報ないし。 でも開発者にとっては、JavaScriptをランタイムでデバッグできると言うのは非常に嬉しい事ですね。そこで、Chromeデバッガの使用法についてちょっと調べてみました。 デバッガは、開発者向けメニューの中から選択する事が出来ます。立ち上げてみると、コマンドの表示結果が表示されるエリアと、コマンドを入力するテキストフィールドが並んでいるだけ、と言うシンプルなUIが表示されます。 最下部の
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
危険な“混合フォーム（mixed forms）”にご用心 ～「Google Chrome 86」から警告措置／セキュアなHTTPSページにも盗聴・改竄の危険があるHTTPで送信するWebフォームが含まれることも
鬼畜王 on Web
Google Chromeの利用規約が改訂、一部ユーザーからの批判受けて
Google Chromeのスペシャル「about：ページ」全リスト | ライフハッカー・ジャパン