šimeは、開発者中心のコンテンツをwebplatform.newsで定期的に共有しています。
Chromeの新機能ポリシーAPI
Pete Lepageはdocument.featurePolicy.allowedFeatures
を紹介します。特定のページで有効になっているすべての機能ポリシー制御機能をリストするChrome APIをリストします。これは、Webサイト機能ポリシーを実装および改善するために非常に貴重です。
使用方法は次のとおりです。
- Chromeでサイトを開きます。 JavaScriptコンソールを使用してAPIを実行し、サイトの許可機能を確認します。
- featurePolicy.infoを参照して、どの機能を無効にするか(
'none'
)または同種のiframes('self'
)に制限するかを決定します。 -
Feature-Policy
ヘッダーをHTTP応答に追加します(セミコロンを使用してポリシーを分離します):
<code>Feature-Policy: geolocation 'self';sync-xhr 'none'</code>
- 再実行ステップ1(またはSecurityHeaders.comを使用)して、更新されたポリシーを確認します。
その他のWeb開発ニュース
- Firefoxの強化された追跡保護: Dave Campは、Firefoxがサードパーティのコンテキストで既知のトラッカーからCookieをブロックすることをデフォルトで報告しています(新しいユーザーのみ;既存のユーザーは今後数か月でこの更新を見ることができます)。
- AndroidのChromeでの画像共有: Pete Lepageは、
navigator.share
を介したWebサイトの共有(およびその他のファイルタイプ)に対するAndroidの新しいサポートのChromeを強調しています。 Web Share APIの詳細については、Web Platform News Issue 1014およびAyooluwa Isaiahの最近の投稿を参照してください。 - INTL APIの幅広いブラウザのサポート: Valerie Youngは、ECMAScript Internationalization APIの広範なブラウザサポート(
Intl.DateTimeFormat
)および数字(Intl.NumberFormat
)フォーマットを指摘します。 - スムーズなARテキストレンダリング: Alan Jeffreyは、Firefoxの現実を目的としたARヘッドセットのあらゆる角度でのスムーズなテキストレンダリングのためのベクトルグラフィックスレンダラーに関するMozillaの作品(Patrick Waltonによる)について議論します。
- Windows 10のPinterestのパッケージPWA: Pinterest Engineeringは、Microsoftストアを介してWindows 10でのスタンドアロンデスクトップアプリケーションとしてのプログレッシブWebアプリの可用性を発表し、Windows 10 APIに完全にアクセスできます。
- Safari Technologyの
flow-root
プレビュー: Jonathan Davisは、CSSdisplay
プロパティのflow-root
値のSafari Technology Previewの採用を確認しています(ChromeとFirefoxで既にサポートされています)。例については、Web Platform News Issue 871を参照してください。
以上が毎週のプラットフォームニュース:機能ポリシー、ecmascript i18n api、パッケージ化されたpwasの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

記事では、CSSマージンプロパティ、特に「マージン:40px 100px 120px 80px」、そのアプリケーション、およびWebページレイアウトへの影響について説明します。

この記事では、カスタマイズ、ベストプラクティス、および応答性に焦点を当てたCSSボーダープロパティについて説明します。主な議論:Border-Radiusは、レスポンシブデザインに最も効果的です。

この記事では、CSSのバックグラウンドプロパティ、Webサイトの設計の強化における使用、および避けるべき一般的な間違いについて説明します。重要な焦点は、バックグラウンドサイズを使用したレスポンシブデザインです。

記事では、CSS HSLの色、Webデザインでの使用、およびRGBよりも利点について説明します。主な焦点は、直感的な色の操作を通じて設計とアクセシビリティを向上させることです。

この記事では、CSSでのコメントの使用について説明し、シングルラインとマルチラインのコメント構文を詳述しています。コメントはコードの読みやすさ、保守性、コラボレーションを強化するが、適切に管理されていないとウェブサイトのパフォーマンスに影響を与える可能性があると主張しています。

この記事では、HTML要素のスタイリングのCSSセレクター、その種類、および使用法について説明します。 IDとクラスのセレクターを比較し、複雑なセレクターでパフォーマンスの問題に対処します。

この記事では、CSSの優先順位について説明し、特異性が最も高いインラインスタイルに焦点を当てています。 CSS競合を管理するための特異性レベル、オーバーライド方法、およびデバッグツールを説明します。

記事では、HTMLにCSSを追加する3つの方法について説明します:インライン、内部、および外部。ウェブサイトのパフォーマンスと初心者の適合性に対する各方法の影響が分析されます。(159文字)


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

SecLists
SecLists は、セキュリティ テスターの究極の相棒です。これは、セキュリティ評価中に頻繁に使用されるさまざまな種類のリストを 1 か所にまとめたものです。 SecLists は、セキュリティ テスターが必要とする可能性のあるすべてのリストを便利に提供することで、セキュリティ テストをより効率的かつ生産的にするのに役立ちます。リストの種類には、ユーザー名、パスワード、URL、ファジング ペイロード、機密データ パターン、Web シェルなどが含まれます。テスターはこのリポジトリを新しいテスト マシンにプルするだけで、必要なあらゆる種類のリストにアクセスできるようになります。

WebStorm Mac版
便利なJavaScript開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

Dreamweaver Mac版
ビジュアル Web 開発ツール

AtomエディタMac版ダウンロード
最も人気のあるオープンソースエディター

ホットトピック









