SafariとChromeの両方でWebkitが使用されているので、Webページがうまく見える場合は、両方のブラウザで互換性をテストする必要はありませんか?SafariとChromeの両方でウェブページをテストする必要はありますか?
5
A
答えて
9
いいえ、そうではありません。
私が経験している限り、SafariとChrome(OS X)はフォントのレンダリング方法が異なるようです。 Safariは、Chromeよりもはるかに小さい指定サイズのフォントを表示します。
クローム:
サファリ:あなたのサイトのJavaScriptの任意のかなりの量を持っている場合
6
あなたは違いがあるとして、両方のブラウザをテストする必要があります。たとえば、SafariではJavaScriptエラーが発生しますが、Chromeではエラーが発生します。
var x = new Date('02-22-2011');
2
間違いなく両方のブラウザをテストする必要があります。彼らはレンダリングを行うためのWebKitを使用している場合でも、多くの違いがあります。
- フォント - 彼らは違ったものにする、私は互換性の高いフォントを生成するFontSquirrelをお勧めします。
- パフォーマンス - テクノロジの実装に関して、DOMを画面上でレンダリングする方法がそれぞれ異なります。 ChromeはSkia(Linux、Windows)を使用しますが、Macは別のものを使用します。たとえば、Chrome対Safari vs Firefoxでは200以上の子供のDOMを隠すようにしてください。Chromeは20+秒、Safariは5秒以上、Firefoxは1秒未満です。レンダリングの時間が異なるため、各ユーザーが何を体験しているかを確認するためには、レンダリングの時間を確認する必要があります。
- 特長 - HTML5の機能の組み合わせが異なりますが、同じ機能が設定されていません。
- JavaScript - 上記のユーザーとは多少の違いがあり、別の例としてキーイベントのバブリングが異なる可能性があります。
しかし、それらは本当に似ていますが、レイアウトは賢明です。(修正は本当に最小限です)心配する必要はありませんが、本当に奇妙なケースを排除するためにテストする方が良いです。
1
両方のブラウザで、さらにはオペレーティングシステム間でテストする必要があります。特にカスタムフォント(@ font-face経由)を使用している場合は、ChromeとSafariのレンダリング方法が異なります。私は、LinuxとWindowsで使用するとChromeのレンダリング方法が異なっているのに対し、SafariはWindowsとiPadで異なる方法でレンダリングすることがわかりました。
関連する問題
- 1. Chromeパッケージアプリからウェブページにメッセージを送信する必要があります
- 2. Safari 3とSafari 4の両方でどのようにテストしますか?
- 3. ContentProviderとContentResolverアプリケーションの両方で通信する必要がありますか?
- 4. FileReaderとBufferedReaderの両方をclose()する必要がありますか?
- 5. "layout"と "layout-sw400dp"の両方を保持する必要がありますか?
- 6. CRM OrganizationServiceProxyとOrganizationServiceContextの両方を処分する必要がありますか?
- 7. htmlとxmlの両方を含める必要がありますか?
- 8. Webkitブラウザの余分なスペースはありますか? (ChromeとSafari)
- 9. Jquery Href - MacとPCの両方で使用する必要があります
- 10. RESTful API(JSONとXMLの両方)を開発する必要があります
- 11. MouseAdapterとKeyAdapterの両方を '拡張する'必要があります
- 12. ボタンとリンクの両方を2回クリックする必要があります
- 13. ActionFilter内でAdalExceptionをテストする必要がありますか?
- 14. SafariではなくWebViewとのリンクを開く必要があります
- 15. jQuery .on()はモバイル(iPhone Safari)で動作する必要がありますか?
- 16. JUnitテストは重複する必要がありますか?
- 17. パッケージはテスト用にのみ必要であり、インストール用には必要ないものはありますか?
- 18. キュウリ/カピバラのアプリ内ブラウザ/ Safariブラウザをテストする方法はありますか?
- 19. EspressoでChromeのカスタムタブをテストする方法はありますか?
- 20. insert()とbulkInsert()の両方でbeginTransaction()とendTransaction()を使用する必要がありますか?
- 21. ウェブサイトをさまざまなモニタでテストする必要はありますか?
- 22. NetworkStreamとTcpClientの両方またはTcpClientだけを閉じる必要はありますか?
- 23. コントローラ(MVC)をテストする必要がありますか?
- 24. 私のテストにコメントする必要がありますか?
- 25. ChromeとSafariでNivoスライダに問題があります
- 26. 私はJavaをテストする必要があります
- 27. application-context.xmlとapplication-servlet.xmlの両方を1つのアプリケーションで作成する必要がありますか?
- 28. テストは失敗ではなく、する必要があります - モカとCasperJS
- 29. angularjs expression値または値と型(===または==)の両方のみチェックする必要があります
- 30. ブラウザ(IE、Chrome、Firefox Safari)の戻るボタンを押すと、ページを更新する方法はありますか?
おそらく、Chromeは標準のWindowsフォントサイズを使用し、Safariは標準のMacフォントサイズを使用するためです。 72 dpi(Macでは、印刷されたページと一致する)と96 dpi(Windows上で)の問題です。これは何年もの間続きました。 [興味深い記事を読む](http://blogs.msdn.com/b/fontblog/archive/2005/11/08/490490.aspx) –
そうかもしれない!私は、両方のブラウザにこのサイズを調整するオプションがあることを知っていますが、ユーザーがこれらの設定を調整することは想定できません。もちろん、固定サイズのフォントより相対的なフォントサイズを好むかどうかについて議論することができます:) – slhck