Safari 10.0 の新機能
こちらの要約
開発中なので今後変更があるかもしれません。
また、訳が間違っていたらすみません。
Web API
IndexedDB
W3C の仕様を完全にサポート。
オフライン作業、クライアントでデータキャッシュを大量に必要とする場合などの
Web アプリケーションでデータを格納するために使うことができます。
プログラミングによるコピー、カット
JavaScript でテキストをクリップボードにコピーやカットなどできるようになりました。
- document.execCommand('cut')
- document.execCommand('copy')
CSP 2.0
コンテンツセキュリティポリシー（CSP） 2.0 をサポート。
Shadow DOM
Shadow DOM standard の Version 1 をサポート。
ES 6
所謂 ECMAScript 2015 を OS X （macOS） と iOS で完全サポート
ES Internationalization
ECMAScript 国際化における API、ECMA-402 を完全にサポート http://www.ecma-international.org/publications/standards/Ecma-402.htm
DOM 互換性の改善
World Wide Web Corsortium (W3C) テストに通り、他のブラウザとの互換性が改善されました。
3D Touch イベント
iOS の 3D Touch は、力が変更された時のみ touchforcechange イベントが呼ばれます。
このイベントは、OS X の WebKit の webkitmouseforcechanged のタッチに相当し、
値の範囲は 0.0 から 1.0 になります。
WebGL
アンチエイリアス コンテキスト クリエイト パラメータがサポート。デフォルトで true。
アルファ コンテキスト クリエイト パラメータがサポート。デフォルトで false。
ページ上のアクティブな WebGL コンテキストの合計数は 16。 上限に達すると一番古いコンテキストから破棄される。
メディア
iOS のインラインと自動ビデオ再生
webkit-playsinline プロパティを指定すると
iPhone の Safari は、インラインで動画を再生することができます。
プロパティを持たない動画は従来通りフルスクリーンで再生を開始しますが
ピンチをすることで動画をインライン再生に戻すことができます。
iOS では、オーディオトラック無いまたはオーディオトラックが無効になっているビデオは Web ページが読み込まれると自動的に再生されます。
OS X での ピクチャー ・ イン ・ ピクチャー
OS X の Safari 10 は、iPad のように動画のピクチャー ・ イン ・ ピクチャーを使用することが可能で、 HTML5 のビデオコントロールには、ピクチャー ・ イン ・ ピクチャーのコントロールが含まれています。
カスタムのビデオコントロールを使用する場合は、JavaScript の presentation mode API を使用することで ピクチャー ・ イン ・ ピクチャー機能を動作させることができます。
テキスト
WOFF 2.0
WOFF 2.0 がサポートされました。OpenType などと比べるとファイルサイズ大幅に減ります。
フォントの読み込み
CSS Font Loading Module Level 3 の仕様を使用し、スクリプトからフォントフェイスをロードし、フォントの読み込み状態の追跡できます。
https://drafts.csswg.org/css-font-loading/
Web フォントは、レンダリングされたテキストの文字がフォントの Unicode の範囲内にある場合にのみダウンロードされます。
レイアウトとレンダリング
object-position の CSS サポート
SVGのパスのクリッピング
ベジエパスセグメント、evenodd 塗りつぶしルールを含むより高度な図形にクリップをサポート
#RGBA と #RRGGBBA のサポート
ボーダーイメージの新しい値
ラウンドとスペースの値でボーダー画像のCSSプロパティがサポート。
画像レンダリングの新しい値
image-rendering プロパティで crisp-edges と pixelated の値をサポート。 ほぼドット絵用。
Right-to-Left 言語サポート
スクロールバーの位置やフォームコントロールなど右から左に流れる言語で外観を変更できます。
広色域を支えるメディアクエリ
CSS メディアクエリを使い P3 色空間などの広色域を持つデバイスで異なる表示スタイルを提供します。
@media (color-gamut: p3) { … }
CSS Break プロパティがサポート
- break-after
- break-before
- break-inside
-webkit- プレフィックスなしで動作するようになったもの
- filter
- cross-fade
- image-rendering
Web Inspector
WebDriver
他のブラウザのように WebDriver サポート
メモリデバッグ
インスペクタで Web アプリケーションのメモリ使用量を可視化ができるようになりました。
高速サンプリングプロファイラ
新しい JavaScript プロファイラは、デバッグツールを無効にしながら、 入れぞりゅーしょんで動作するコードをサンプリングすることによって高速なパフォーマンスを提供します。
新しい JavaScript プロファイラーは、サンプリングの高解像度でコードを実行するデバッグツールを無効にする場合より高速なパフォーマンスを提供します。 正確なタイムライン記録をフル JIT (ジャスト イン タイム コンパイル) アクセラレータで速度に実行します。
ネイティブ API
Web 版の Apple Pay
キーノートのデモのように決済時ポップアップが出て取引をし、 WebPaymens API ではなく、独自ライブラリを使用します ApplePay JS Framework Reference を参照
WKWebView プレビューアクション
カスタムの View Controller を表示するリンクプレビューをサポート
WKWebView allowsLinkPreview のプロパティはデフォルトで YES
Safari View Controller
iOS 10 の Safari View Controller は、現在のバーの背景の色の着色をサポートしています。
Safari App Extensions
iOS の App Extensions に Safari の拡張機能を作成することができます。
以下を参照
