お問い合わせはコチラから

Chrome 95 検証ツールでCSSをCtrl+Cでコピーするとペースト時に崩れるバグ

サイト運営

Chromeのアップデートであまり困ったことは無いのですが、Chrome 95にアップデートしたら検証ツールからCSSをコピペする時に崩れる現象があって、結構困ったことになっています。

Chrome95でCSSのコピペが崩れる現象

Chrome95の検証ツール(ディベロッパーツール)でstylesで表示されるCSSをマウスで選択してコピー(Ctrl+C)すると、特定の条件の時だけペースト時に崩れる現象があります。

Chrome は最新の状態です
バージョン: 95.0.4638.69(Official Build) (64 ビット)

例えば、以下の様なCSSをstylesからコピーして、

.col, .gallery-item, .columns {
    position: relative;
    margin: 0;
    padding: 0 15px 30px;
    width: 100%;
}

ペーストすると↓のようにガチャガチャになります。

.col, .gallery-item, .columns {
    position: relative;
    margin: 0;
    padding: 0 15
px
 30
px
;
    width: 100%;
}

この現象が起きるのは、コピーしたCSSにpxやemが存在するとダメっぽいです。pxやemが含まれない場合には正常にペーストされます。

参考https://stackoverflow.com/questions/69735342/google-chrome-update-issue-with-copying-code-from-inspector-css

Chrome 95でペースト時に崩れないコピー方法

万能な方法ではないのですが、右クリック⇒copy all declarationsとすると、右クリックした宣言だけは正常にコピーペーストできます。

複数の宣言をまとめてコピーしたい時には使えませんが、崩れまくっているCSSを手で直すよりはいいかもしれません。

Chrome 96で修正済み

この不具合は、開発中のChrome 96では修正済みらしいので、安定版のChrome96がリリースされると解消されるようです。

急いでる人は開発版を入れるか、古いバージョンに戻す方法があります。

古いバージョンに戻すやり方は、ちょっと面倒な感じの手順で、リスクしか感じません。いらない仕事が増えそうなので、躊躇します。

Downgrade your Chrome version (Windows) - Google Chrome Enterprise Help
For Google Workspaceand Chrome Browser Enterprise Support customers only If your users are having problems with Chrome on Microsoft® Windows® computers after a ...

Google chromeをダウングレードする手順

Chromeをダウングレードする前にプロファイルを保存する

Chromeを直接ダウングレードすると、保存したパスワード、ブックマーク、ブラウザ設定、履歴がすべて失われます。Chromeの現在のバージョンを削除する前に、ChromeデータをGoogleアカウントと同期して、そのまま維持する必要があります。

これにより、すべてのChrome設定とデータがGoogleアカウントに保存されるため、後日復元できます。同期はいつでもオフに切り替えることができます。

既存のGoogleChromeをアンインストールする

以前のバージョンにダウングレードするには、Chromeの現在のバージョンをアンインストールする必要があります。その方法は次のとおりです。

Windowsデバイスでは、Windowsサーチバーで検索してコントロールパネルを開きます。プログラムと機能に移動します。または、Macの場合 は、Finderのアプリケーションフォルダに移動します 。

インストールされているプログラムの一覧で、探しGoogle Chromeのアプリアイコンを右クリックして、[アンインストール]または [ビンに移動]を選択します 。

これにより、インストールされているChromeバージョンが削除されます。次のステップは、ブラウザをアンインストールした後、システムに残っているChromeデータを削除することです。

Windowsデバイスでは、ファイルエクスプローラーで以下の場所に移動します。フォルダ内に入ったら、ここですべてのファイルとフォルダを削除します。

%LOCALAPPDATA%\Google\Chrome\User Data

Macでも、Finderの以下のフォルダに移動し、その中のすべてのフォルダとファイルを削除することで、同じことを行うことができ ます。

~/Library/Application Support/Google/Chrome

これを行うと、すべてのユーザー情報、ダウンロード履歴、パスワード、ブックマーク、およびその他のデータが完全に削除されます。

GoogleChromeをダウングレードする

  1. Filehippoに行きます
  2. Google Chrome history pageを開きます
  3. 必要なバージョンのファイルをダウンロードします。
  4. インストールします

参考:https://www.makeuseof.com/downgrade-chrome-older-version/

まとめ

1日中検証ツールを表示しているような人には、今回のバグは頭禿げそうになります。

とりあえず、Chrome96の安定版のリリースを待つしかないようです。

タイトルとURLをコピーしました