2010-04-07 15 views
11

Jak mogę debugować witrynę, która wygląda dziwnie w Operze Mini? Witryna działa poprawnie na każdej innej przeglądarce.Jak debugować w Operze Mini?

+0

Czy publiczna strona? Jeśli tak, jaki jest adres URL? –

Odpowiedz

12

Niestety, nie znam żadnego dedykowanego źródła informacji na temat debugowania witryny w/Mini, ale jest kilka powiązanych artykułów na temat http://dev.opera.com, które mogą ci pomóc. Najnowszym artykułem jest A developer's look at Opera Mini 5, ale szczególnie przydatne powinny być również Making Small Devices Look Great i Designing With Opera Mini in Mind.

Zasadniczo sprawdź, jak wygląda strona w Opera Desktop i użyj Opera Dragonfly do debugowania. Innym dobrym narzędziem do debugowania jest MicroEmulator, gdy jest używana lokalnie pobrana wersja Opera Mini i skalowalna skórka.

Istnieje również specjalny adres URL w Mini, który umożliwia dostęp do konsoli błędów ECMAScript: po prostu wpisz "debug: console" w polu adresu URL. Możesz połączyć to z wywołaniami funkcji opera.postError() w wersji rozwojowej witryny, aby opublikować dowolny ciąg na tej konsoli. Jednak nie pokaże Ci tagów html.

Prawdopodobnie mógłbym ci pomóc lepiej, gdybyś miał bardziej szczegółowe pytanie.

2

Istnieje również simulator in Java, które mogą pomóc.

+0

Nie ma. Nie ma "źródła widoku" :) – n1313

+3

Opera Mini nie ma "źródła widoku": pobiera prekompilowaną wersję strony z serwera Opera. – fuxia

+1

I to jest główny problem podczas debugowania w Operze Mini. – n1313

1

Można zrobić remote debugging of Opera Mini (lub dowolny Presto -engine oparte instancja przeglądarki na dowolnym urządzeniu, komputer, smartfon, konsola set-top, SDK) poprzez Opera Dragonfly z systemu Windows, Mac lub Linux. Konsola Dragonfly jest open-source i wbudowana w Opera 10.5x.

+3

Myślę, że masz na myśli Opera _Mobile_, a nie _Mini _... ta pierwsza jest używana na smartfonach i cały szereg innych urządzeń, drugi na starszych telefonach obsługujących Javę. –

9

Jest możliwe, aby zobaczyć oryginalne źródło HTML strony, która jest reprezentowana w Operze Mini, aby dać Ci kilka wskazówek:

Wyświetl źródło strony

Jest to możliwe, aby uzyskać zrzut bieżące źródło strony, wpisując server:source w pasku adresu Opery Mini. Pokazuje bieżące drzewo DOM z serwera Opera Mini. Ponieważ czytanie źródła z wyświetlacza telefonu komórkowego lub nawet powiększonego mikroemulatora nie jest przyjemne, istnieje jeszcze lepszy sposób na uzyskanie kodu źródłowego strony - umieszczenie go na serwerze WWW poprzez wprowadzenie adresu server:source?post=http://your.server.com/script na pasku adresu Opery Mini, gdzie script przekazany plik danych post obsłuży żądanie, np poprzez zapisanie źródła w bazie danych lub zapisanie go w pliku tekstowym. Opublikowane dane obejmują pola url, host i html.

+0

Innym wygodnym sposobem obejrzenia ruchu, w tym faktycznego kodu źródłowego dostarczanego do instancji Opera Mini, jest użycie [ngrok - bezpieczne introspekcyjne tunele do localhosta] (https://ngrok.com/docs/2#expose). Jest to przydatne przy tworzeniu lokalnego komputera, a kod musi być widoczny w Internecie na serwerach Opera Mini, aby można go było zobaczyć i zoptymalizować pod kątem tego urządzenia. Następnie możesz użyć lokalnego serwera ngrok, aby zobaczyć rzeczywisty kod dostarczony do urządzenia. Niezupełnie "debugowanie", ale zdecydowanie bardzo pomocne. – matty