問題タブ [html-rendering]

新しいWebアプリのベータ版で、テストユーザーの1人から以下のめちゃくちゃなページを受け取りました。

ユーザーはMacでFFを使用します。このサイトはasp.net（.NET 4.0）上に構築されており、AJAXを使用し、動的圧縮を使用してWindows2008サーバー上で実行されています。ページはXHTML1.0Strictであり、マークアップが検証されます。

このエラーを報告したのはこのユーザーだけです（しばらくの間テストしましたが、MacでFFを使用する最初のユーザーである可能性があります）。彼はそれを体系的に再現することはできませんが、それは時々起こります。

私はここで何が起こっているのか分かりません、これを見た人はいますか？

サーバーの設定またはユーザーの設定についてさらに情報を提供する必要があるかどうかをお知らせください。

巨大な 300 フィールド モデルに基づく ModelForm があります。実際には、150 のフィールドを持つ 1 つのモデルが、150 のフィールドを持つ別のモデルから継承されます。

syncdbモデルがまたはで何らかの問題を引き起こすと予想していましたが、問題save()なく動作します。

ただし、このモデル メソッドに基づいてフォームを呼び出すと、as_p()永遠に時間がかかります。出力が表示されずに 10 分間待つことができます。このフォームの HTML レンダリング メソッドについても同様です。エラーはありません。シェルまたは開発サーバーのどこにいても、python がぶら下がっているだけです。

Django のハグ フォームに関する既知の制限やバグはありますか? 回避策はありますか?

文字列の連結に問題があると思われます。それまでの間、Django のソース コードを掘り下げるつもりですが、何か手がかりがあれば助かります。

アプリケーションのすべてのカテゴリとそれぞれのサブカテゴリを含むナビゲーションメニューを備えたサイドバーをレンダリングする必要があります。ただし、現在のページがカテゴリまたはサブカテゴリを参照している場合、現在のカテゴリがメニューの最初である必要がありますが、これを正しく行う方法がわかりません。

最初に頭に浮かんだのは、ループを2回繰り返すことでした。最初のループでは、問題のカテゴリが現在のリクエストのカテゴリと同じかどうかを確認し、それをレンダリングします。そうでない場合は、ループをスキップします。他のループはほとんど同じですが、カテゴリが現在のリクエストのカテゴリと同じである場合は、ループをスキップして次の要素に進みます。しかし、これは非常に悪い考えです。HTMLを2回繰り返すと、メンテナンスが頭痛の種になります。

私の現在のコード：

私がこれをどのように行うことができるかについてのアイデアはありますか？Zend_Navigationを使用していません。この場合、使用する必要がありますか？それとも、CSSだけでこれを作成する必要がありますか？

何らかの理由で、div要素は、FirefoxとChromeで再現可能な、予期しない方法でレンダリング中に親を変更します。

例えば

Firefoxデバッガーは、実行時に次のように表示されます。

.slot要素を削除すると（添付のコードを参照）、すべてが期待どおりにレンダリングされます（レンダリング後のツリー内の#footerの場所はソースと同じです）。

コード： http： //pastebin.com/3j3aQFdh

私はepubに基づいてアプリケーションを開発しています。グーグルで調べた後、ファイルを解凍して本のコンテンツを取得し、html ページにレンダリングすることができます。以下のリンクは、コードを取得した参照リンクです

ジークマン

チャク

問題は、各 epub ファイルに、ファイルのコンテンツを取得するための異なるパスが含まれていることです。そのため、上記のリンクのコードは、レンダリング用の一部の epub ファイルをサポートしていない可能性があります。私のアプリケーションはすべての epub ファイルをレンダリングする必要があります。「aldiko」が行ったように、epub ファイルをレンダリングするための標準形式はありますか。

標準フォーマットがあれば、私を導いてください。非常に緊急です。すでに時間切れです。

私のhtmlには、'sを含む'sを保持する生成された要素ulがあります。liimg

cssで定義されたマージンに加えて、私の間に奇妙な3px（約）過剰なマージンがあります。li

これがChromeデバッグコンソールのスナップショットです。過剰な領域は赤で囲まれています。

ulsスタイルは次のとおりです。

liのスタイルは次のとおりです。

Firefoxでもまったく同じ過剰なマージンが表示されます。

なんでそこにあるの？どうすればそれを取り除くことができますか？

折りたたまれた境界線と隣接する境界線、およびすべてのセルに標準の境界線がある HTML テーブルがあり、特定の行の境界線の色を別のものに変更したいと考えています。問題は、境界線が折りたたまれていて、隣接するセルの色 (または一般的にはスタイル) が異なる場合、ブラウザーが視覚的に受け入れられる方法でレンダリングされないことです。

ここに私のHTMLがあります:

CSS:

上記の JSFiddleもあります。

さまざまなブラウザーがどのようにレンダリングするか:

IE 7 (標準):

IE 8 および 9 (標準):

Firefox 11 (左の赤い境界線の微妙な視覚的アーティファクトと、角をレンダリングするために選択した風変わりな方法に注意してください):

クローム 18:

質問:視覚的に受け入れられるレンダリングを得るにはどうすればよいですか? そのレンダリングは、「赤い境界線は常に黒い境界線よりも優先される」という理想でしょうか?

説明:

私は何よりもまず、純粋な CSS ソリューションを探しています。

これが不可能な場合は、小規模でローカライズされた変更が必要な作業を行います (つまり、あらゆる場所のすべてのテーブルで行う必要があるものではありません)。

実際の Web サイトでは、境界線を制御するスタイルがユーザーの操作に基づいて動的に適用されるため、Javascript を使用できます。イベント ハンドラーは、これとほとんど同じコードでセットアップされます。

Corbel フォントは、Firefox を除くすべてのブラウザーで正常に表示されます。私の PC では! （私はすべてのブラウザを更新しました）が、私の友人がすべてのブラウザからスクリーンショットを送ってくれましたが、彼はこの問題を抱えていません.

すべてのブラウザがフォントを異なる方法でレンダリングすることは知っていますが、彼のブラウザが同じようにレンダリングするのは奇妙です

HTMLファイルを画像に変換するためにWebアプリケーションから実行できるすぐに使用できるプログラムはありますか？できればWebkit、または別の成熟したブラウザエンジンを使用しますか？

wkhtmltoimageを試しましたが、背景が正しくレンダリングされません（wkhtmltopdは正常に機能します）。動作するものはありますか？

Webページには、非常に多くのアイテムのリストがあります（たとえば、製品カードには、それぞれに画像とテキストが含まれています）。そのうちの約1000個です。クライアントでこのリストをフィルタリングしたいのですが（フィルタリングされていないアイテムのみを表示する必要があります）、レンダリングパフォーマンスの問題があります。非常に狭いフィルターを適用し、残りのアイテムは10〜20個だけです。その後、キャンセルすると（すべてのアイテムを再度表示する必要があります）、ブラウザー（非常に優れたマシンのChrome）が1〜2秒ハングアップします。

次のルーチンを使用してリストを再レンダリングします。

dictは、許可されたアイテムのIDのハッシュです。

この関数自体は即座に実行され、ハングアップするのはレンダリングです。DOM要素の「display」プロパティを変更するよりも最適な再レンダリング方法はありますか？

よろしくお願いします。