lighthouse

2熱

1答えて

私はコマンドラインからLighthouseを使用して私のウェブサイトを監査しています。 Chromeから自分のウェブサイトにアクセスするには、カスタムヘッダー（Modify Headers Extensionを使用）を送信する必要があります。ウェブサイトではありませんそれなしそれは（無修正ヘッダ拡張を持っていない）ため、要求がヘッダーなしで送信された新しいクロームウィンドウを開きます lighth

1熱

1答えて

コマンドラインからクロム灯台の監査を実行する

URLを指定してlighthouseの監査を実行する（クロムのバイナリから）スクリプトを作成したいと思います。私はそれを行う方法を見つけることができませんでしたが、クロムの拡張機能さえあるので、私はそれが実現可能であるべきだと思いますか？

0熱

1答えて

PWAでCORSの問題を回避する方法

PWAの実装を開始しました。実装の一環として、amazon s3バケットからmanifest.jsonをインポートしています。次のエラーを取得します。はロードに失敗しました https://abcdefghij.com/static/pwa/Manifest.json:No「アクセス制御 - 許可 - 起源」ヘッダが、私はindex.htmlのファイルに次のコードを書いていた要求上に存在する

4熱

2答えて

ページからCSSを抽出する

使用しているCSSのうち、98.4％が未使用の19,000行のCSSファイルから抽出する必要があります。私はあなたがそうのように、CSSカバレッジを表示するには、Chromeデベロッパーツールを使用することができます知っている：をしかし、それはあなたも緑の線にジャンプすることはできません。手動で19K回線を経由するだけでは実現できないようです。 Chrome Lighthouseでは、以前使用し

-1熱

1答えて

ローカルパスであるクロムを起動するときに最初のタップを閉じる

最初のタップを閉じて空のタップだけを残したいここには何を意味するのかを示す画像があります。は、ここに私のコード const fsExtra = require('fs-extra') const chromeLauncher = require('lighthouse/chrome-launcher/chrome-launcher'); const CDP = require('chrom

1熱

1答えて

ライトハウス：マニフェストのショートネームは、ホームスクリーンに表示されたときに切り捨てられます

私はこれを取得していません。私たちは反応プロジェクトで短い名前を追加する必要があります。 Web Appマニフェストのshort_nameプロパティを12文字未満にします。 { ... "SHORT_NAME"： "エア・ホーナー"、 ... }

0熱

1答えて

Lighthouseアクセシビリティ監査の採点式とは何ですか？

私はLighthouseを使用して、Angular/Node/ionicモバイルアプリの評価を行っています。私は81％〜94％のスコアを達成しています。しかし、私はスコアが計算されているか分からない。私はスコアを使用して、コードを6％〜19％改善する努力のレベルを決定したいと思います。重み付けされていますか？バイナリのパス/フェイルによる監査ごとですか？いくつの監査基準が可能ですか？など

-1熱

1答えて

灯台監査では、ボディ幅が100％であるにもかかわらず、ビューポートのコンテンツのサイズが正しくないと言われています

私のHTMLページのボディCSSを100％に設定し、余白やパディングなしで、 Viewportの内容が正しくサイズ変更されました "。 window.innerWidth === window.outerWidth それは、ウィンドウのサイズは412pxであるのに対し、ビューポートのサイズは422pxで言えば監査を渡し、これはウィンドウが望んでいたよりも10pxの幅が広いことを意味します。 bo

2熱

1答えて

React PWA：create-react-appとChromeの灯台拡張

私は気づいてから、定型コードで新しいアプリケーションを作成することから始めて、create-react-appを使っています。このツールはすばらしく動作し、シンプルなアプリをローカルで実行できます。次に進む前に、私はそれがProgressive Web App (PWA)であることを確認したいと思います。 create-react-appの最新のリリースノートから、create-react-ap