読者です 読者をやめる 読者になる 読者になる

Browser

Microsoft Edge(Project Spartan, Internet Explorer) 、ブラウザ周辺、Web フロントエンド開発、UI、など

Microsoft Edge まとめページ

Safari 10.0 の新機能

こちらの要約

developer.apple.com

 

開発中なので今後変更があるかもしれません。
また、訳が間違っていたらすみません。

 

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 の拡張機能を作成することができます。

以下を参照

developer.apple.com

スポンサーリンク