2

Visual Studio で .cssファイルに

div {
  border-radius: 5px;
}

と書いても何も言われないのですが、

div {
  transition-duration: 1s;
}

と書くと

Browser compatibility: Add missing vendor specific properties to 'transition-duration' (-moz-, -o-, -webkit-)

という警告が表示されます。

Web Essentialsを無効にするとこのメッセージは表示されないので、Web Essentialsがチェックしてると思いますが、チェック内容を変更する方法はあるでしょうか?
例えば、このページに、

transitionのベンダープレフィックスには-webkit-のベンダー識別子のみ残しておく必要があると言えるでしょう。

と書いてあるので、-moz-, -o- は省略可能とし、 -webkit-のみ必須とする、というようなカスタマイズを行いたいです。

2 件の回答 2

1

オプションで設定可能です。

コードエディタで右クリックし、Web Essentials から Select browsers... を選択し

右クリックメニューからSelect browsers

ダイアログで対象のブラウザを選択します。

ダイアログ

その後にWeb Essentialsのvendor prefixの追加を選択すると、対象のブラウザのものだけ追加されます。

画像の説明をここに入力

なお、Solution Itemsに WE-browsers.xml というファイルが追加されていて、そこに選択されたブラウザの情報が保存されていて、チェックも対象のブラウザのものみになるようです。

1
  • 出来ました。 transition は -webkit-必須、-columns は-webkit-と-moz-必須、というような細かい設定は無理そうですね。
    – jirolabo
    Commented 2014年12月27日 10:01
1

ベンダープレフィックスを自動的に付与する方法の質問のようにAutoprefixerを有効にするのはどうでしょうか? https://github.com/postcss/autoprefixer#visual-studio

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。