Chromeのクッキー廃止へ。ブラウザをチェックしてみよう
Chromeのクッキー廃止へ。ブラウザをチェックしてみよう2024.01.13 21:00166,062 Thomas Germain - Gizmodo US ［原文］ （ 岩田リョウコ ） グッバイ、クッキー！ Googleが長年にわたって進めてきたクッキーの廃止計画が1月4日､実行に移されました。Chromeウェブブラウザを利用しているユーザーのうち1％、約3000万人に対してクッキーを無効化。そして今年の年末までに、すべてのChromeユーザーのクッキーがなくなるとのことです。すべてのクッキーではなく、廃止されるのは追跡をするサードパーティークッキーです。 クッキーの役目って？プライバシーを守りたい人たちにとって、インターネットの元凶とみなされているクッキー。ほとんどのウェブでクッキーは、テック企業がオンライン上での私たちの行動を追跡する方法となっていました。ターゲット広告や他の多
TBSのニュースサイトヤバない？(追記)
はてぶの上位にちょいちょい載ってるTBS系のニュースサイト、newsdig.tbs.co.jpについて。 https://b.hatena.ne.jp/site/newsdig.tbs.co.jp/ 何がヤバいかって、くっそ巨大なCookie(LocalStorageとかも含むのか知らんけど)をしこたま保存してんのよ。 気付いた時点では640MBも占有してた。別に巡回チェックしてるわけでもなく、話題に挙がってたら見てみることもある程度のアクセス頻度なのだが。 Chromeユーザーはアドレスバーに↓コピペして確認してみてくれ。 chrome://settings/content/all?searchSubpage=tbs.co.jp&search=cookie 試しにCookie消去してから、ただ開いただけでサイト上で何の遷移もしてないのに279MBも保存された。 次点ではpresi
Chrome 拡張機能の content_scripts で CORS を回避する方法
注意 現在は Manifest V3 が登場しているので、もしかしたら Manifest V3 とはやり方が異なるかもしれないが、備忘録として残しておく。Manifest V3 での方法については気が向いたらいずれ投稿する予定。 概要 Chrome 拡張機能の content_scripts のスクリプト内で XMLHttpRequest や fetch などの非同期通信を実行すると以下のようなエラーが発生する。 XMLHttpRequest cannot load https://example.com/. Origin chrome-extension://xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx is not allowed by Access-Control-Allow-Origin このエラーは CORS というセキュリティ機能によるもので、許可されていな
Chrome 拡張機能で CSV ファイルを生成してダウンロードする方法
はじめにChrome 拡張機能で CSV ファイルを生成してダウンロードする方法について整理した。 TL;DRほぼ JavaScriptでファイルダウンロード処理を実現する - Qiita の通り new Blob でオブジェクトを生成 createObjectURL で URL に変換 <a href="..." download="hoge.csv"> でダウンロード 目次はじめにTL;DR環境・条件詳細manifest.jsonJS(main.js)まとめ参考文献 環境・条件Google Chrome バージョン: 77.0.3865.120（Official Build） （64 ビット） 詳細リポジトリ: 17number/chrome-extension-file-download-example 拡張機能を有効化後に Google のトップページ(https://www.go
稀に便利な、Chrome拡張機能の開発
本当は使いたくないブラウザ拡張機能 今さらブラウザ拡張機能なんて、と思うわけです。 拡張機能を利用するということは、Webサイトを相手に手動でブラウザ操作しながらローカルベースで作業をしているという状況だと思います。今や何でもWebアプリ的なシステムで解決したいところなので、拡張機能に頼らざるを得ないというのは、望ましい状況ではないと考えています。 しかし、稀に便利です。 今回は業務上の利点があって作成しました。ブラウザでお客様サイトを巡回したときにエビデンスとして画面キャプチャを取得していたのですが、よく忘れるし面倒くさいので自動で取得するようにしたかったのです。 これを実現するは、拡張機能以外では難しいことだと思います。ブラウザ拡張機能も選択肢として知っておく価値があると感じました。 以下では実際に即してChrome拡張機能の開発の概要を示します。具体的なソースコードは提示しないのでご
Chrome Extension の作り方 (最終話: メッセージパッシング) - Qiita
Chrome Extension の作り方 (その1: 3つの世界) - Qiita Chrome Extension の作り方 (その2: Contents Script) - Qiita Chrome Extension の作り方 (その3: Browser Action / Page Action) - Qiita Chrome Extension の作り方 (その4: Event Page / Background Page) - Qiita の連載の最終回！！ ChromeExtensionを作っていると「メッセージパッシング」という言葉を見かけます。 Message Passing - 公式 Chrome Extension の作り方 (その1: 3つの世界) - Qiitaの説明の通り、3つの世界があるのですが、異世界とやり取りしたい状況が出てきます。 今回のサンプルでは c
WebサイトのデータをダウンロードするChrome拡張の開発方法とサンプル · kapieciiのブログ
Aug 15, 2021 01:00 · 1035 words · 3 minute read JavaScript Chrome Webページ上のデータをテキストファイルで保存したい場面がありました。 データ取得といえばクローラーを使ったスクレイピングが定番ですが、今回は必要なデータをテキストファイルの形式でダウンロードするChrome拡張を作ってみました。 次に同じようなものが必要になったときのために、メモを残しておきます。 目次 やりたいこと 作ってみる 雛形 要素の指定 ダウンロード サンプル 使い方 最後に やりたいこと Webページ上の特定箇所の情報をテキストファイルとして保存する。 作ってみる 完成したChrome拡張機能のソースコード全体はこちら。 kapiecii/chrome-extension-download-sample (github.com) とてもシンプルな
Chrome拡張機能をmanifest v3で開発した簡易記録とハマりポイントの解消方法 - 雑多に技術メモと他色々
Chromeの拡張機能（プラグイン）を自作で作ってみたので、色々書く。 やってみたこと やった結果 動かせたの？ 開発した時の環境 ハマりポイントと解消方法の一覧 そもそも拡張機能を作るために必要な構成や作るべきファイルがわからない 開発成果物のそれぞれの役割がよくわからない 自作したChrome拡張機能の取り込み方法がわからない ツールを修正した時の取り込み方法がよくわからない service_workerが動作しない原因がわからず、デバッグもできない content_scriptsに指定したcssの参照先画像(URL)にアクセスできない 拡張機能アイコンクリック時の動作が定義しても動かない service_workerで外部jsが使えない 自作した拡張機能用HTMLでonclick属性が動作しない Local Storageから読み込んだ情報が想定外にObjectになった Javasc
Firefoxの国内シェアが6%以下らしいけど、これ結構ヤバくないか？「Chrome一強でGoogleに支配される」「IEの暗黒時代に逆戻り」
Firefoxとは "Mozilla Foundationおよびその傘下のMozilla Corporationによって開発されているフリーかつオープンソースのウェブブラウザである。"(Wikipediaより) リンク Mozilla 史上最速の Firefox をダウンロード より高速なページ読み込み、メモリ使用量削減、機能満載の最新版 Firefox が登場しました。 166 users 1936
Google Chrome 勝手にhttpsにリダイレクトされるにハマる - かもメモ
テスト環境作ってて.htaccessを弄ってて誤って不要なページをhttpsにリダイレクトさせる設定にしてしまい、その後.htaccessを修正したのですが、Chromeで確認してると設定はないのに自動的にhttpsにリダイレクトされ続ける現象にハマってしまいました。 クッキーを削除しても解決せず、調べていると 「chrome://net-internals/#hsts」にアクセスして、Delete domain security policiesで該当ドメインを削除するとか出てきたのですが解決せず... キャッシュが原因 chrome://net-internals/#eventsで該当のドメインを検索してみるとSource Type DISK_CACHE_ENTRY でhttpsにリダイレクトされていました。 どうやらリダイレクトした結果をChromeがキャッシュしてそれが表示されてい
よく使うWebページをデスクトップアプリ化する4つの方法 - Qiita
最近，TabMemFreeという拡張を導入しました．これは一定時間毎に使っていないタブのメモリを開放するという動きをしてくれます． このおかげで大量のタブがあっても重たくならないのですが，その副作用として望んでいないサイトまでメモリ開放してしまいます．結果，裏で流しているYoutubeだとかPlayMusicだとかが止まってしまいます． この回避のためにWebサイトをデスクトップアプリ化しようと思いたち，ついでなのでまとめてみました． Fluid 一番有名どころではないでしょうか． MacAppなのでMacでしか使えませんがBookmark機能やHistory機能等があります． 特定のWebページ専門ブラウザを作成するイメージです． 以前はライセンス購入しないとCookieがFluidApp内で共有されていたのですが，Sierraからそれがなくなりました． One other note:
なにこれ、スゴすぎる！ブラウザで行った操作を記録し、さらに完全再生もできるChromeの機能拡張 -Wildfire
ページをどのくらいスクロールし、どこをクリックするのか、マウスやキーボードをどのように操作し、コンテンツを見るのか、ブラウザで行った操作を記録し、さらに完全再生もできるChromeの機能拡張を紹介します。 ユーザビリティテストに利用するだけでなく、操作を編集・再生することもできるので、プレゼンなどでページの操作を再現することも可能です。 Wildfire Wildfireの特徴 Wildfireのインストール Wildfireの使い方 Wildfireの特徴 Wildfireはユーザーがページをどのように操作するのか、どのように見るのか、手軽にユーザビリティテストができるChromeの機能拡張です。また、アクションをシミュレーションし、新しいデザインの確認にも利用できます。 ブラウザで表示したページのアクションを記録します。 記録したアクションは、すべて再生可能。 アクションを編集し、シミ
404エラーで消えてしまったページを各種キャッシュサービスから掘り起こすChrome拡張「Web Cache」
404エラーで消えてしまったページのキャッシュを、Google・Yahoo・Bing・InternetArchiveなどの各種キャッシュで一度に探すことができる、Google Chrome用の無料拡張機能が「Web Cache」です。。 Web Cache - Chrome ウェブストア https://chrome.google.com/webstore/detail/web-cache/coblegoildgpecccijneplifmeghcgip?utm_source=chrome-app-launcher-info-dialog Web CacheをインストールするにはGoogle Chromeで上記のリンクを開いて、「CHROMEに追加」をクリック。 ポップアップウィンドウが表示されるので、「追加」をクリック。 「Web CacheがChromeに追加されました」と表示されたら
定番SSHクライアント「Google Chrome」
はじめに こんにちは。KMC2回生のtyageです。 京都もほんとに寒くなってきて鍋が捗りますね。簡単だし美味しいあったまるし、最高ですね。 この記事はKMCアドベントカレンダー2013の17日目の記事で、 昨日は1回生のnona65537君によるSSH の二段階認証についてでした。 今日はGoogle ChromeというSSHクライアントの紹介なのですが、12日間続いたKMCアドベントカレンダーのサブプロジェクトであるSSHアドベントカレンダーもこれで最後になります。 最後がこれでいいのか？とも思うのですが、今までの内容がハードだったという方に向けて優しい内容となっておりますので、安心して御覧ください。 定番SSHクライアント「Google Chrome」 Google Chrome（もしくはChromium）と聞いて「あっ、SSHクライアントのことか！」と思われた方には少し物足りないか
『Chrome Developer Tools』の裏ワザまとめ | IDEA*IDEA
ドットインストール代表のライフハックブログ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google、「Chrome for Testing」を発表 ～ブラウザー自動化とテストに特化したバイナリ／自動更新による挙動変更や「ChromeDriver」の不一致といった悪夢からWeb開発者を開放
ReactではじめるChrome拡張開発入門
MacにYouTubeアプリをインストールする方法! Chromeアプリ化でパソコンのデスクトップにダウンロードしよう
ブラウザーのシェア、グーグル「クローム」が首位に マイクロソフト「IE」を逆転 - 日本経済新聞
http://www.2ch-search.net/blog/6