私のCSSファイルを変更し、d3.js駆動ページをリロード/リフレッシュすると、CSSの変更は表示されません。 CSSの変更を表示する唯一の方法は、ブラウザのキャッシュをクリアすることです。この問題は、サイトcssを編集する他のWebページでは発生しません。キャッシュがクリアされていない限り、古いcssファイルを保持するd3.jsを使用してユニークなものがあるようです。CSSへの変更がd3.jsサイトに反映されない
d3.js駆動型ページを読み込む前に、ユーザーが毎回キャッシュをクリアするとは思えないので、どのようにして自分のCSS変更を確実にすることができますか?
d3.jsのサイト構造:
のindex.phpは
<script type="text/javascript" src="d3/d3v428.js"></script>
のindex.phpがd3chartを作成し、いくつかのjQueryでJSONファイルにもたらし頭にd3.jsにもたらします。チャートはjsonファイルのPHPページの構造です。各PHPページには、その先頭にcssファイルへのリンクがあります。また
[
{
"id": "0",
"title": "Page1",
"asChildText": "null",
"url": "1.php",
"parentId": "null",
"children": [
{
"id": "53",
"title": "Page21",
"asChildText": "Let's begin!",
"url": "21.php",
"parentId": "0",
"children": [
{
"id": "1",
"title": "Page16",
"asChildText": "Step1",
"url": "16.php",
"parentId": "53",
"children": [
、JSONファイルの
<link rel="stylesheet" href="style.css" type="text/css" />
Snipet(私は、ブラウザのキャッシュをクリアする場合は、このファイル内のCSSへの変更のみが表示され、それぞれの.phpファイルはのstyle.cssファイルへのリンクがあります) jsonファイルのPHPページで使用されていないCSSファイルは、リロード時にCSSへの変更を表示します。だから、jsonは更新していないCSSに接続されているようです。どういうわけか
おかげ
'index.css?v = 1'のようなあなたのcssファイルを参照しようとしてみてください...前に似たような問題があったのですが、これを修正しました – sparta93
私はvss = 1をCSSファイル名に追加しました。 2回目の変更を行い、ページをリロードした後、cssは更新されませんでした。私は国境を2pxから5pxに変更しました。また、火かき棒は2pxの静止画を表示します。 – Marc