Chromeの疑似クラス「:has()」がjQueryの「:has()」に悪影響を及ぼす問題が解決へ。Chromeは回避策実装、jQueryは新バージョンで対応
Chromeの疑似クラス「:has()」がjQueryの「:has()」に悪影響を及ぼす問題が解決へ。Chromeは回避策実装、jQueryは新バージョンで対応 8月にリリースされたChrome 105で実装されたCSSの疑似クラス「:has()」が、jQueryに以前から備わっている「:has()」に悪影響を及ぼし、一定の条件下ではjQueryを使ったWebサイトが壊れるなどの問題を引き起こすことがあることを、9月の下記の記事で紹介しました。 参考：Chromeに実装された疑似クラス「:has()」がjQueryの「:has()」に悪影響、一定の条件下でWebサイトが壊れる可能性 その後、Chrome側ではこの問題に対応する回避策が実装され、一方のjQuery側でも先日リリースされたjQuery 3.6.2で対応が行われたことが明らかになりました。 Chrome、jQueryそしてCSS
無料でChrome・Firefoxの操作を自動化＆ファイルのアップロードやデスクトップの操作もできる「UI.Vision」
業務には「同じ作業の繰り返し」がつきものですが、何度も同じ作業を繰り返していると「こういう単純作業を任せるために機械ってものが生まれたんじゃないのか？」と思うわけです。無料のChrome・Firefoxの拡張機能「UI.Vision」を使うと操作を自動化できるマクロが組めて単純作業がラクチンになるとのことなので、実際に使っていました。 Open-Source RPA and Web Automation Tools for macOS, Linux and Windows https://ui.vision/ というわけで、実際にUI.Visionを使ってみます。Chrome版とFirefox版は、それぞれ以下の公式拡張機能ストアからダウンロード可能です。 UI.Vision RPA - Chrome ウェブストア https://chrome.google.com/webstore/de
Firefoxは危険なJavaScriptに対応しない - Qiita
Firefox / Safari MozillaはMozilla Specification Positionsというリストを公開しています。 IETFやW3C、TC39などが提唱しているWeb技術に対して、Mozillaはどのように評価しているかという立ち位置を表明したものです。 あくまで現時点での評価であり、もちろん今後の仕様変更などに伴い評価は変わる可能性があります。 Mozilla's Positions Mozillaはどのように評価しているかの分類。 under consideration 評価の検討中。 important 優れた概念であり、Mozillaにとっても重要である。 worth prototyping 優れた概念であるが、プロトタイプを作成し、フィードバックを得て磨きをかける必要がある。 non-harmful 有害ではないが、良いアプローチではなく、取り組む価値
Chrome拡張機能「Perfect Pixel」を使ってピクセルパーフェクトを実現させよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
デザインとコーディングが分業制の企業は最近多くなってきたと思います。分業制の場合、デザインがFixして、次にフロントエンド作業、実装チェックという工程で進行します。 この実装チェックまでに期間が空いてしまったり、自分が作ってないデザインだと、チェックしにくいなと思うこともしばしばあります。そんな憂うべき実装チェックの際に、よく使う便利なChromeの拡張機能をご紹介します。 perfect pixel まず、chromeの拡張機能をインストールしましょう。 下準備 まず、デザインカンプを書き出します。Retinaディスプレイ用に、2倍サイズで書き出します。今回は、本記事用にダミーのカンプ画像を用意してみました。Perfect Pixelを使って、検証してみましょう。 レイヤーを追加 まず、検証したいページを開きます。今回はこのページを使いました。 右上にPerfect Pixelのメニュー
Chrome 80が密かに呼び寄せる地獄 ～ SameSite属性のデフォルト変更を調べてみた - Qiita
Chrome 79以下や他ブラウザのデフォルト値。 Chrome 80からこの値を設定する場合、Secure属性も必須となる。 Aサイトに対し、Bサイトからどのようなリクエストがあっても、発行したサイトでCookieヘッダーに含める (Cookieを使用する) 図にすると以下のようになります。 Strict 外部サイトからのアクセスではCookieを送らない。 Lax 外部サイトからのアクセスはGETリクエストのときだけCookieを送る。 None 従来通りの動き。 【追記】なおChrome 80以降でSecure属性を付けずSameSite=Noneを指定した場合、set-cookie自体が無効になります。 セキュリティ上の効果 CSRF対策になります。 CSRF (クロスサイト・リクエスト・フォージェリ) とは、 WEBサイトがユーザー本人の意図した動作であることを検証していないため
AndroidアプリをPCで動かす方法
スマートフォンで利用しているAndroidアプリのうち、PCでも使いたいものもあるだろう。Androidを開発するGoogleのWebブラウザ「Google Chrome」を使えば、かなりのアプリをPC上で動かせる。MakeTechEasierが「How to Run Android Apps in the Google Chrome Browser)」で、その方法を紹介しているので、以下そのポイントを見てみよう。 この方法、Mac OS XまたはWindowsでGoogle Chromeを利用するPC向けだ。また、すべてのAndroidアプリ/ゲームが利用できるわけではない点にも注意されたい。「Androidアプリがうまく動かなくてもPCに害を与えることはない」とのことなので、やってみる価値はありそうだ。以下で紹介する方法はGoogle Chromeの拡張機能「ARChon」を用いるが、
Google Chromeのオススメ拡張機能 - はてなブックマークニュース
シンプルで軽い操作が魅力のブラウザ、「Google Chrome」。登場以来順調にシェアを伸ばし続けていますが、中でも注目なのが昨年12月にベータ版が公開されてから、既に2000種類以上登場している「拡張機能」ですよね。今回は「たくさんありすぎて何から入れていいか分からない！」という人のために、はてなブックマークでも人気の「Google Chromeの拡張機能」についてのエントリーをご紹介します。 ■仕事の効率アップにも使える！オススメ拡張機能いろいろ まずは最初に入れたいものから仕事や趣味に役立つものまで、オススメの拡張機能をまとめたエントリーです。 ＜最初に入れておくと便利な拡張機能は？＞ ▽Google Chrome に最初に入れた６つのエクステンション – ライフハック心理学 「とりあえず、最初に入れておくと便利なものを知りたい！」という人には、筆者が最初に入れた拡張機能についてま
ブラウザだけで見ているサイトをキャプチャする方法(3ブラウザ対応) | nanapi[ナナピ]
ブラウザだけで見ているサイトをキャプチャする方法(3ブラウザ対応) に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。はじめに 今みているサイトの画面を取りたいと思った時はありませんか？会社で資料を作る時などで必要になってきますよね。 この、見ているインターネットのページの画面を画像にすることをキャプチャする、というのですが、それを簡単にさくさくと出来る方法を紹介します。 IEをお使いの人 いわゆるインターネットエクスプローラー（IE）を使っている人用です。 NAVERというポータルサイトが出しているツールバーがあるのですが、これを使うことですぐにキャプチャを取れるようになります。 NAVERツールバー これをインストールすると、NAVERのツールバーが出てきます。ここで「画面キャプチャ」を押します。 ここでキャプチャを簡単にとれます。以
Mozilla Re-Mix: Firefoxユーザーにもおなじみ 25個の【Google Chrome エクステンション】
拡張機能が利用できるようになったことから、Google Chromeがかなり気になる存在になってきたFirefoxユーザーも多いのではないでしょうか。 Firefoxファンとしては、あくまで「サブ」な位置づけのブラウザでも、あのエクステンションが使えるということになると同時起動などでの利用頻度も上がりそうですね。 そこで今回は、いつのまにか1000以上アップされているGoogle Chromeエクステンションの中から、Firefoxユーザーになじみの深い機能を持ったものを25個リストアップしてみました。 なお、以下のエクステンションを利用するには、Google Chromeのdev版Google Chrome Betaを利用していることが前提となります。 また、気に入ったものをすぐにインストールするために、Google Chrome dev Google Chrome Betaでのアクセス
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
