はじめに はじめまして、セキュリティエンジニアのSatoki (@satoki00) です。今回はブラウザの開発者ツールのネットワークタブから隠れて、Webサイト内の情報を送信する手法をまとめます。所謂Exfiltrationというやつです。中にはCSPの制限をBypassするために用いられるテクニックもあります。CTFなどで安全に使ってください。 前提 発端はWeb上でテキストの文字数をカウントできるサイトが閉鎖する際の話です。カウント対象のテキストデータがサイト運営 (やサイトを改竄した攻撃者) に盗み取られていないかという議論が巻き起こっていました。「盗み取られていない」側の主張は、ブラウザの開発者ツールのネットワークタブにリクエストを送信した形跡がないというものでした。ここで ブラウザの開発者ツールのネットワークタブに表示がなければ外部へデータを送信していないのか？ といった疑問が
Googleが提供するウェブブラウザの「Google Chrome」には、ブラウジングを便利にするさまざまな拡張機能を追加できる「Chromeウェブストア」が存在します。スタンフォード大学のセキュリティ専門家チームが、Chromeウェブストアから入手した拡張機能が原因で、数億人ものユーザーがマルウェアに感染していることを報告しています。 [2406.12710] What is in the Chrome Web Store? Investigating Security-Noteworthy Browser Extensions https://arxiv.org/abs/2406.12710 Security experts find millions of users running malware infected extensions from Google Chrome Web
先月からXにCSSテクニックを定期的に投稿しているので、それのまとめです。 テキストの中央寄せだからといって text-align:center を指定したほうが良いかは考えたほうがいい ポストを別枠で表示する 和文をtext-align:centerで中央寄せすると複数行になった際に見栄えが悪くなるケースが多いです。 inline-size:fit-contentとmargin-inline:autoでセンタリングすることで、1行の場合は中央寄せ、複数行の場合は左寄せといった実装が可能となります。
あまりに良かったので即課金した。俺のデイリーAIニュースで活躍しまくり・・・なの、だが、あまりにも便利なのであっという間にポイントを使い果たしてしまった。 また、動画なのだが動画の画像自体にあまり意味がないので本当は音声だけ聞き流しながらじっくりと論文本体を目で追いかけたい。 そう、まるで優秀でやる気満々の大学生インターンが、隣で興奮気味に「これすごいんですよ」とギャーギャー騒いでるかのような反応を聞き流しながら「ふーん」と眺めたいのだが、NoLangだとそういう目的とはちょっと異なる。 そこで、Claude3を使ってChrome拡張を作ることにした。ちなみにChrome拡張を作るのは生まれて初めてではないが人生で二回目くらいだし前に作ったのは10年前くらいだからもはやChrome拡張素人と言える。 Chrome拡張には三つのファイルが必要だ。 まず、適当なディレクトリを作る。 そこに、以
By National Science Foundation 現代ではさまざまなウェブブラウザが存在しており、ユーザーは好みに合わせて自由にブラウザを選択することができます。しかし、1990年代前半には「NCSA Mosaic」や「Netscape」といった数少ない選択肢しか存在しませんでした。そんなNCSA MosaicとNetscapeの開発に携わったマーク・アンドリーセン氏が、これらが誕生するまでの秘話を語っています。 The true story -- as best I can remember -- of the origin of Mosaic and Netscape. https://pmarca.substack.com/p/the-true-story-as-best-i-can-remember アンドリーセン氏は、NCSA MosaicやNetscapeといったイ
Firefox、サイドバーに統合する生成AIを選択可能に。まずはChatGPTやGoogle Gemini、HuggingChatなど、今後も選択肢を追加
Firefox、サイドバーに統合する生成AIを選択可能に。まずはChatGPTやGoogle Gemini、HuggingChatなど、今後も選択肢を追加 Mozillaは、Firefoxの新機能としてサイドバーにChatGPTやGoogle Geminiなど任意の生成AIサービスを選択して統合できるようにすることを明らかにしました。 今後数カ月のうちに登場するFirefoxの開発バージョンであるNightlyにおいて、実験的実装を開始する予定です。 下記はその動作を説明している画像で、左側にあるサイドバーに生成AIのチャットボットが統合され、Webページ上で選択された文字列をチャットボットに送り、要約してもらうといったことが可能です。 ほとんどのWebブラウザでは、Googleなどの検索エンジンの機能が統合されていますが、ユーザーはどの検索エンジンを利用するかを設定で変更可能になっていま
本記事は、TechFeed Experts Night#31 〜 フロントエンドアーキテクチャの現状と未来のセッション書き起こし記事になります。 イベントページのタイムテーブルから、その他のセッションに関する記事もお読み頂けますので、一度アクセスしてみてください。 本セッションの登壇者 セッション動画 「Module Harmonyについて」ということで発表を始めさせていただきます。「フロントエンドアーキテクチャーの現状と未来」というイベントタイトルからは少し外れますが、モジュールと言われるJavaScriptの1つの仕様の中で、こういうことが起きてるんだよという、少し角度を変えた話をさせていただければと思います。
「Firefox 128」正式版リリース、選択範囲のみを翻訳する機能追加やプライベートブラウジングの互換性向上などのアップデート
ウェブブラウザ「Firefox 128」の正式版が公開されました。ページの特定部分のみを翻訳する機能が追加されたり、サイトデータ消去の際に消えるデータの量を確認可能になったりしています。 Firefox 128.0, See All New Features, Updates and Fixes https://www.mozilla.org/en-US/firefox/128.0/releasenotes/ ◆選択範囲のみを翻訳する機能が追加される Firefoxの翻訳機能を使用する際に、ページ全体を翻訳するのではなく、特定の部分のみを翻訳することが可能になりました。翻訳したい範囲を選択し、「選択範囲を英語に翻訳」をクリック。 下図のように小さいウィンドウが出現して該当範囲が翻訳されます。残念ながら従来の翻訳機能と同様に、日本語には対応していません。 ◆サイトデータを消去する前に消えるデ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ブラウザ開発者ツールのネットワークタブに表示されない情報送信手法 - Qiita
Chromeウェブストアの拡張機能が原因でマルウェアに感染しているユーザーは数億人に上ることが判明
2024年6月にXに投稿したCSSテクニックのまとめ – TAKLOG
これは捗る! WebページをGPT-4で日本語で要約して読み上げてくれるChrome拡張｜shi3z
インターネット黎明期に登場したウェブブラウザ「Mosaic」と「Netscape」の生みの親が開発当時を振り返る
「ES Modules仕様、わけわからんくなってる」を整理する「Module Harmony」とは？
Firefox 128がManifest V3のサポートを改善 ー そもそもManifest V3って何？なぜ批判されている？
