rckkrd
27-01-2014, 13:52
Mam z komputerem klienta, albo z komponentem z tytułu.
Prezentacja strony miała miejsce na CHROME, IE, MOZILLA, SAFARI (iOS), CHROME (iOS)
Problem polega na tym że puki jestem na stronie tytułowej (głównej) strona wyświetla się poprawnie, a po przejściu do produktu (bylejakiego) u mnie w Mozilli wyświetal się normalnie produkt, a u klienta przy tej samej wersji Mozilli wyświetla się czarne tło z białym punktem na środku ekranu
Przy zbadaniu źrudła kod dochodzi do {body....} następnie adres "tej" kropki i i zamknięcie body.
Opisze teraz zawartość badanego elementu:
Konsola:
Metody getUserData() i setUserData() są przestarzałe. Należy używać WeakMap lub element.dataset.
Inspektor:
<html>
<head></head>
<body>
<img class="decoded" src="http://bdf.nieruchomosci.pl/index.php/adam-domagala-mielec-kredyty/ad/mieszkania,1/apartament-ze-szczytow-db-m-07,31" alt="http://bdf.nieruchomosci.pl/index.php/adam-domagala-mielec-kredyty/ad/mieszkania,1/apartament-ze-szczytow-db-m-07,31"></img>
</body>
</html>
Edytor Stylów (i tu zaczyna się przygoda)
Linki stylów są z kosmosu, nic takiego na serwerze się nie znajduje co z resztą wynika z linków:
Resource://gre/res/ImageDocument.css
Resource://gre/TopLevelImageDocument.css
Chrome://global/skin/media/TopLevelImageDocument.css
Podaje treść kolejno przedstawionych stylów (nic z nich nie wynika, są poprawne, ale nie dotyczą niczego co jest na stronie)
/* -*- Mode: C++; tab-width: 2; indent-tabs-mode: nil; c-basic-offset: 2 -*- */
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
/*
* This CSS stylesheet defines the rules to be applied to any ImageDocuments,
* including those in frames.
*/
@media not print {
.overflowing {
cursor: zoom-out;
}
.shrinkToFit {
cursor: zoom-in;
}
}
@media print {
/* We must declare the image as a block element. If we stay as
an inline element, our parent LineBox will be inline too and
ignore the available height during reflow.
This is bad during printing, it means tall image frames won't know
the size of the paper and cannot break into continuations along
multiple pages. */
img {
display: block;
}
}
/* -*- Mode: C++;
tab-width: 2;
indent-tabs-mode: nil; c-basic-offset: 2 -*- */
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
/* This CSS stylesheet defines the rules to be applied to ImageDocuments that are top level (e.g. not iframes). */
@media not print
{
body {
margin: 0;
} img {
text-align: center;
position: absolute;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.completeRotation {
transition: transform 0.3s ease 0s;
} } img
{
image-orientation: from-image;
}
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this file,
* You can obtain one at http://mozilla.org/MPL/2.0/. */
@media not print {
/* N.B.: Remember to update ImageDocument.css in the tree or reftests may fail! */
body
{
color: #eee;
background-image: url("chrome://global/skin/media/imagedoc-darknoise.png");
}
img.decoded
{
background: hsl(0,0%,90%) url("chrome://global/skin/media/imagedoc-lightnoise.png");
color: #222;
}
}
Dodam że nie tylko Mozilla źle wyświetla lecz inne przeglądarki również, a to wszystko na jednym tylko komputerze.
Proszę o ponoc dokładnie w pytaniu dlaczego przeglądarka stosuje style z podanych linków, a nie odnosi się do wpisanej strony www.
POZDRAWIAM
Prezentacja strony miała miejsce na CHROME, IE, MOZILLA, SAFARI (iOS), CHROME (iOS)
Problem polega na tym że puki jestem na stronie tytułowej (głównej) strona wyświetla się poprawnie, a po przejściu do produktu (bylejakiego) u mnie w Mozilli wyświetal się normalnie produkt, a u klienta przy tej samej wersji Mozilli wyświetla się czarne tło z białym punktem na środku ekranu
Przy zbadaniu źrudła kod dochodzi do {body....} następnie adres "tej" kropki i i zamknięcie body.
Opisze teraz zawartość badanego elementu:
Konsola:
Metody getUserData() i setUserData() są przestarzałe. Należy używać WeakMap lub element.dataset.
Inspektor:
<html>
<head></head>
<body>
<img class="decoded" src="http://bdf.nieruchomosci.pl/index.php/adam-domagala-mielec-kredyty/ad/mieszkania,1/apartament-ze-szczytow-db-m-07,31" alt="http://bdf.nieruchomosci.pl/index.php/adam-domagala-mielec-kredyty/ad/mieszkania,1/apartament-ze-szczytow-db-m-07,31"></img>
</body>
</html>
Edytor Stylów (i tu zaczyna się przygoda)
Linki stylów są z kosmosu, nic takiego na serwerze się nie znajduje co z resztą wynika z linków:
Resource://gre/res/ImageDocument.css
Resource://gre/TopLevelImageDocument.css
Chrome://global/skin/media/TopLevelImageDocument.css
Podaje treść kolejno przedstawionych stylów (nic z nich nie wynika, są poprawne, ale nie dotyczą niczego co jest na stronie)
/* -*- Mode: C++; tab-width: 2; indent-tabs-mode: nil; c-basic-offset: 2 -*- */
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
/*
* This CSS stylesheet defines the rules to be applied to any ImageDocuments,
* including those in frames.
*/
@media not print {
.overflowing {
cursor: zoom-out;
}
.shrinkToFit {
cursor: zoom-in;
}
}
@media print {
/* We must declare the image as a block element. If we stay as
an inline element, our parent LineBox will be inline too and
ignore the available height during reflow.
This is bad during printing, it means tall image frames won't know
the size of the paper and cannot break into continuations along
multiple pages. */
img {
display: block;
}
}
/* -*- Mode: C++;
tab-width: 2;
indent-tabs-mode: nil; c-basic-offset: 2 -*- */
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
/* This CSS stylesheet defines the rules to be applied to ImageDocuments that are top level (e.g. not iframes). */
@media not print
{
body {
margin: 0;
} img {
text-align: center;
position: absolute;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.completeRotation {
transition: transform 0.3s ease 0s;
} } img
{
image-orientation: from-image;
}
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this file,
* You can obtain one at http://mozilla.org/MPL/2.0/. */
@media not print {
/* N.B.: Remember to update ImageDocument.css in the tree or reftests may fail! */
body
{
color: #eee;
background-image: url("chrome://global/skin/media/imagedoc-darknoise.png");
}
img.decoded
{
background: hsl(0,0%,90%) url("chrome://global/skin/media/imagedoc-lightnoise.png");
color: #222;
}
}
Dodam że nie tylko Mozilla źle wyświetla lecz inne przeglądarki również, a to wszystko na jednym tylko komputerze.
Proszę o ponoc dokładnie w pytaniu dlaczego przeglądarka stosuje style z podanych linków, a nie odnosi się do wpisanej strony www.
POZDRAWIAM