問題タブ [css-import]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
0 に答える
472 参照

css - PhantomJS の CSS ファイルのソース URL の解析がスクリプトで機能しない

css、font、js などを含む Web ページがあり、これらのファイルは他のファイルを呼び出します。

netlog.js の phantomjs の例を使用すると、すべてのファイルが正常に要求されます (つまり、応答が受信されます)。

会社のスクリプト (数千行) を使用すると、フォント ファイルが取得されません。

netlog.js の出力を見ると、欠落しているファイルは最後に受信されたものですが、要求されたという点では 9 の 4 番目です。つまり、4 番目に要求されていることがわかりますが、応答 (page.onResourceRecieved) は開始されません。他の全員が戻ってくるまで。

会社のスクリプトを見ると、欠落しているファイルはまったく要求されていないため、欠落しています。要求されないように、誰かがこのファイルを無視するようにphantomjsを誤ってプログラムするにはどうすればよいですか? それが私が探しているバグだと思います。

HTML/CSS が何らかの原因である場合に備えて、以下に含めます。

スタイル タグ (以下の部分的なタグ) を介して css ファイルを含む html ページがあります。

1.css? リクエストは正しく処理され、次の css?family のインポートもリクエストされます。その 2 番目にインポートされた URL は別のファイルを要求します:

netlog.js は fonts.gstatic.com リクエストを受け取ります - 他のすべてが終わるまで戻ってこない場合でも。会社のスクリプトは、fonts.gstatic.com を要求する必要があることを認識していません。

Netlog は非常に基本的なもので、タイミング、ヘッダー、またはイベントを台無しにしません。何らかの設定またはイベントを介してファントムによって検出されたら、会社のスクリプトが fonts.gstatic.com の要求を停止するために何かをしていると思いますが、どこから始めればよいかわかりません。

0 投票する
0 に答える
86 参照

css - Jekyll - 推奨されるファイルのインポート方法

Jekyll で構築された既存の Web サイトを理解し、維持し、機能を追加するための最近の取り組みで、いくつかの質問を投稿しました (これこれを参照してください)。

ホームページにjs スライダー プラグインを追加しました。スライダーに付属の CSS ファイルは、フォルダー「/assets/」に追加されました。

次に、「_assets/css/app.scss」sassファイルにインポートします@import "flexslider.css

現在、最新の Firefox、Chrome、Opera、およびバージョン 16 までの Edge を含むブラウザですべて正常に動作しています。Edge 17 (最新) は、次のメッセージでエラーにフラグを立てています。

SEC7136: The origin 'http://staging.whatever.com' failed an integrity check for a style resource 'http://staging.whatever.com/assets/flexslider.css'

これにフラグを立てる唯一の理由と整合性チェックが何であるかがわかりませんEdge 17。これは、ある種のセキュリティ チェックの失敗に関連しているようです。

私の主な質問は、jekyll プロジェクトに CSS ファイルを追加する上記の方法は正しいですか? プロジェクト内で css ファイルをインポートする推奨される方法はありますか?