{"id":1023,"date":"2014-03-26T21:18:59","date_gmt":"2014-03-26T21:18:59","guid":{"rendered":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/?p=1023"},"modified":"2018-02-19T10:34:36","modified_gmt":"2018-02-19T10:34:36","slug":"provar-la-nostra-web","status":"publish","type":"page","link":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/responsive-web\/provar-la-nostra-web\/","title":{"rendered":"Probar nuestra web"},"content":{"rendered":"<p><\/p>\n<p dir=\"ltr\">Si est\u00e1is empezando a crear p\u00e1ginas web, y seguramente ya os habr\u00e9is dado cuenta que dependiendo del navegador en el que se vea la p\u00e1gina web pueden existir diferencias.<\/p>\n<p dir=\"ltr\">Es por ello por lo que cada vez hay que tener m\u00e1s en cuenta todas las posibilidades a la hora de dise\u00f1ar y por lo que est\u00e1 teniendo un gran desarrollo el dise\u00f1o responsive.<\/p>\n<p dir=\"ltr\">Hay veces que las diferencias del dise\u00f1o resultante para navegadores de pc son muy importantes, y aunque el navegador m\u00e1s extendido es Chrome hay que probar nuestras p\u00e1ginas web en varios navegadores para ver que la p\u00e1gina se ve bien. Sobre todo hay que tener instalado para probar las p\u00e1ginas:<\/p>\n<ul>\n<li>Chrome<\/li>\n<li>Firefox<\/li>\n<li>Opera<\/li>\n<li>Edge<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p dir=\"ltr\">Ademas tambien podemos probarla en una web que nos saca \u201cinstantaneas\u201d de como se vera nuestra web en distintos navegadores, veremos capturas de pantalla, la web es\u00a0<a href=\"http:\/\/browsershots.org\/\">http:\/\/browsershots.org<\/a><\/p>\n<p>Si naveg\u00e1is con Chrome, pulsando la tecla F12 pod\u00e9is acceder al c\u00f3digo fuente de la p\u00e1gina, as\u00ed como simular la visualizaci\u00f3n de la misma con distintos tama\u00f1os de dispositivo:<\/p>\n<p><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/files\/2018\/02\/f12.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1660\" src=\"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/files\/2018\/02\/f12.png\" alt=\"\" width=\"669\" height=\"288\" \/><\/a><\/p>\n<p>Para volver a la visualizaci\u00f3n anterior, s\u00f3lo hace falta volver a pulsar F12.<\/p>\n<p dir=\"ltr\">Probar los dise\u00f1os en dispositivos m\u00f3viles se hace bastante m\u00e1s complicado ya que hay much\u00edsimos dispositivos y opciones, por suerte hay algunos simuladores en internet que nos ayudaran, como por ejemplo:\u00a0<a href=\"http:\/\/quirktools.com\/screenfly\">http:\/\/quirktools.com\/screenfly<\/a><\/p>\n<p dir=\"ltr\">Como pod\u00e9is comprobar, no solo hay que hacer un buen dise\u00f1o, sino que hay que tener en cuenta muchas variables a la hora de realizarlo.<\/p>\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Si est\u00e1is empezando a crear p\u00e1ginas web, y seguramente ya os habr\u00e9is dado cuenta que dependiendo del navegador en el que se vea la p\u00e1gina web pueden existir diferencias. Esto se esta complicando mucho m\u00e1s con la fuerte implantaci\u00f3n que est\u00e1n teniendo los dispositivos m\u00f3viles y las posibilidades que dan para navegar por la red.<\/p>\n<p>Es por ello por lo que cada vez hay que tener m\u00e1s en cuenta todas las posibilidades a la hora de dise\u00f1ar y por lo que est\u00e1 teniendo un gran desarrollo el dise\u00f1o responsive.<\/p>\n","protected":false},"author":58,"featured_media":0,"parent":1165,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"plantilla-pagina.php","meta":{"footnotes":""},"tags":[40,41,39,42],"class_list":["post-1023","page","type-page","status-publish","hentry","tag-firefox","tag-google-chrome","tag-internet-explorer","tag-opera","entry"],"_links":{"self":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/pages\/1023","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/users\/58"}],"replies":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/comments?post=1023"}],"version-history":[{"count":5,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/pages\/1023\/revisions"}],"predecessor-version":[{"id":1661,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/pages\/1023\/revisions\/1661"}],"up":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/pages\/1165"}],"wp:attachment":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/media?parent=1023"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/tags?post=1023"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}