Jump to content
php.lv forumi

Responsive dizaina testēšanas rīks.


Sasa

Recommended Posts

Vai kāds izmanto kādu responsive dizaina testēšanas rīku?

Es atradu šādus:

http://designmodo.com/responsive-test/

http://responsivetest.net/#u=http://www.magentothemes.net|1024|768|1

http://ami.responsivedesign.is/#

http://beta.screenqueri.es/#(šis kaut kā nestrādā, nelādē lapas)

 

Ir kāds tāda veida rīku izmantojis ilgāku laiku, lai varētu kādu ieteikt un kurš +/- attēlu lapu kā tā arī attēlotos uz fiziskas ierīces.

 

Link to comment
Share on other sites

Arī pievienojos chrome dev rīkam. Tur tu vari nospiest toggle device mode, telefona ikoniņa un tad veikt dažādu izšķirtspēju, iekārtu testēšanu. Protams, tu neiegūsi reālo html, css, js darbību caur to, bet vismaz varēsi izķert 98% bugu savā kodā. 

Link to comment
Share on other sites

  • 1 year later...

Fiziskās iekārtas: iphone, ipad, adroid tel. Chrome dev toolis tikai tā ieskatam der

Vari minēt kādu konkrētu keisu, ko dev tūlis nevar parādīt, bet iekārta var? Es nenoliedzu testēšanu uz gala ierīces, bet anyway, dev tūlis 99% gadījumā būs pietiekami atbilstošs reālai ierīcei.

Link to comment
Share on other sites

Mobile safari ir pietiekami atpalicis, lai daudzas css3 funkcijas joprojām būtu vendor-prefiksotas

Visādi overlay darbojas manāmi savādāk nekā dev tooļos. Scrollējot var gadīties, ka uz mirkli parādīsies kontekts, kas ir zem overlay. Dev tools tādu efektu nekad neievērosi

Mobile safari maina viewport augstumu atkarībā no tā vai esi pascrolējis vai nē. 

Ātrdarbība uz visādiem android telefoniem ir ļoti liela problēma. Jo lētāks, tel jo vairāk viss raustīsies, ja nebūs pietiekami optimizēts js kods

Un vēl kaudze ar visādiem nepatīkamiem sīkumie, kuri var sabojāt dienu, ja nekad neesi atvēris lapu uz fiziskās iekārtas

 

Ja tikai vajag notestēt responsive brake-points, tad, protams, nav jēgas darbināt telefonu. Bet tā ir tikai puse no cīņas

Link to comment
Share on other sites

Es izmantoju chrome dev tools un tad veselu arsenālu ar testa ierīcēm, jo:

 

nav bar visible/not visible (pārsvarā apple ierīcēm ietekmē)

 

uz scroll visādi pigori gadās

 

touch/tap eventi dažādi nostrādā

 

zinājāt ka samsung galaxy tab numpad key eventiem key.code ir pilnīgi greizs un nepareizs? Noķer dev toolos

 

Android firefox reizēm dublējas tap eventi (tablets)

 

iOS position: fixed; (visi pārlūki mēdz rādīt prikolus)

 

Bija darbā viens 7" lenovo, ar kreiso izšķirstpēju - attēlo pēc noteiktiem media queries, bet nav vietas, tapēc vēl šķībi saspiež daudz ko (uz dev pie tiem pikseļiem viss ok)

Link to comment
Share on other sites

Baigi daudz priekš mobilā taisījis neesmu, bet kādu pusi no jurgenz minētā pa to pašu īso laiku paspēju konstatēt. Vēl bija interesanti ar inputiem, kur type ir numeric vai vēl kaut kas no šitiem modernajiem.

 

Uz Chrome dekstopa Dev tooļa vnk tas viss pārāk skaisti notiek, ideāla sfēra vakuumā.

 

Kasspars, uz IE 5.5 arī testē?

Edited by Kavacky
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...