{"id":5887,"date":"2016-11-09T10:54:24","date_gmt":"2016-11-09T09:54:24","guid":{"rendered":"http:\/\/www.espai.es\/blog\/?p=5887"},"modified":"2021-09-14T17:51:23","modified_gmt":"2021-09-14T15:51:23","slug":"sincronizar-navegadores-browsersync","status":"publish","type":"post","link":"https:\/\/www.espai.es\/blog\/2016\/11\/sincronizar-navegadores-browsersync\/","title":{"rendered":"Sincronizando navegadores con BrowserSync"},"content":{"rendered":"<p>Bienvenidos a un nuevo <em>post <\/em>del \u00e1rea web de la <a href=\"http:\/\/espai.es\" target=\"_blank\" rel=\"noopener\">Escola Espai<\/a>. En esta entrada hablaremos de <strong>BrowserSync<\/strong>, una fant\u00e1stica herramienta que nos permite sincronizar los navegadores de todos nuestros dispositivos.<\/p>\n<p>Una de las tareas m\u00e1s comunes a la hora de desarrollar nuestros proyectos es la comprobaci\u00f3n constante, mediante la recarga del navegador. Hacemos un cambio en el c\u00f3digo, vamos al navegador, recargamos la p\u00e1gina y comprobamos. A eso hay que sumarle la comprobaci\u00f3n en otros navegadores y en los diferentes dispositivos tales como tablets, smartphones, etc&#8230; BrowserSync se centra en precisamente esto: <strong>actualizar el navegador autom\u00e1ticamente<\/strong>. Adem\u00e1s tambi\u00e9n <strong>sincroniza los clicks y el <em>scroll <\/em>en todos los navegadores conectados<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5909 size-large\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/11\/browsersync-anim-1024x292.gif\" alt=\"BrowserSync sincronizando dispositivos y navegadores\" width=\"640\" height=\"183\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/11\/browsersync-anim-1024x292.gif 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/11\/browsersync-anim-300x85.gif 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/11\/browsersync-anim-768x219.gif 768w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<p>A modo de ejemplo, supongamos que trabajo con dos pantallas y dispongo de una <em>tablet <\/em>y un <em>smartphone<\/em>. Imaginad que estoy desarrollando mi aplicaci\u00f3n web con el navegador <em>chrome <\/em>en segundo plano, en la otra pantalla tengo visible otro navegador, por ejemplo Internet Explorer, y mis dos dispositivos encima de la mesa con sus respectivos navegadores&#8230; BrowserSync me permitir\u00e1 ver los cambios e interacciones que vaya realizando en todos los navegadores a tiempo real.<\/p>\n<h2><strong>BrowserSync<\/strong> hace que los ajustes y testeos sean m\u00e1s r\u00e1pidos al sincronizar los cambios de archivos y las interacciones en muchos dispositivos.<\/h2>\n<h2>Caracteristicas de <strong>BrowserSync<\/strong><\/h2>\n<ul>\n<li><strong>Recarga en vivo:<\/strong> Esta es probablemente la caracter\u00edstica m\u00e1s importante de BrowserSync. Cambiar el c\u00f3digo y la p\u00e1gina se vuelve a cargar autom\u00e1ticamente.<\/li>\n<li><strong>Sincronizaci\u00f3n de la interacci\u00f3n:<\/strong> todas las acciones se reflejan en todos los navegadores. Esta caracter\u00edstica es \u00fatil para realizar pruebas, especialmente cuando se realizan pruebas en muchos dispositivos. Tambi\u00e9n puede personalizar qu\u00e9 acciones se reflejan en los navegadores.<\/li>\n<li><strong>Simular conexiones m\u00e1s lentas<\/strong>: Una buena manera de testear tu aplicaci\u00f3n ya que no todos los usuarios accederan a tu web con la misma velocidad de conexion.<\/li>\n<li><strong>Historial de URL<\/strong>: <strong>BrowserSync<\/strong> registra todo el historial de navegaci\u00f3n para que pueda enviar una URL de prueba a todos los dispositivos.<\/li>\n<li><strong>Compatibilidad<\/strong>: <strong>BrowserSync<\/strong> es compatible con muchos automatizadores de tareas como <a href=\"http:\/\/gulpjs.com\/\" target=\"_blank\" rel=\"noopener\">GULP<\/a> y <a href=\"http:\/\/gruntjs.com\/\" target=\"_blank\" rel=\"noopener\">Grunt<\/a>. Y funciona con muchos sistemas operativos.<\/li>\n<\/ul>\n<h2>\u00bfC\u00f3mo funciona BrowserSync?<\/h2>\n<p>En primer lugar, <strong>BrowserSync<\/strong> crea un servidor peque\u00f1o, pero si ya tiene un servidor configurado, <strong>BrowserSync<\/strong> puede conectarse a ese servidor y actuar como <em>proxy<\/em>. A continuaci\u00f3n, inyecta un archivo javascript en cada p\u00e1gina; Este archivo utiliza <em><a href=\"https:\/\/es.wikipedia.org\/wiki\/WebSocket\" target=\"_blank\" rel=\"noopener\">WebSockets<\/a><\/em> para comunicarse entre el servidor y el cliente para ver los cambios en su c\u00f3digo o acci\u00f3n del navegador. Tan pronto como <strong>BrowserSync<\/strong> detecta una acci\u00f3n, realiza una recarga de la p\u00e1gina.<\/p>\n<h2>\u00bfC\u00f3mo instalar BrowserSync?<\/h2>\n<p>Al igual que <a href=\"http:\/\/www.espai.es\/blog\/2016\/06\/introduccion-a-bower\/\">Bower<\/a> y muchas otras herramientas <em>Front End<\/em>, <strong>BrowserSync<\/strong> es un programa realizado con <a href=\"https:\/\/nodejs.org\/es\/\" target=\"_blank\" rel=\"noopener\">NodeJS<\/a> por lo que si no tienes Node el primer paso ser\u00e1 instalarlo.<br \/>\nAl instalar NodeJS se instala tambi\u00e9n un gestor de paquetes Javascript llamado \u201c<a href=\"https:\/\/www.npmjs.com\/\" target=\"_blank\" rel=\"noopener\">npm<\/a>\u201d. Este gestor sirve para descargar e instalar en nuestro sistema cualquier programa basado en NodeJS y se opera por l\u00ednea de comandos. As\u00ed que abrimos la consola de comandos y ejecutamos lo siguiente:<\/p>\n<pre>npm install -g browser-sync<\/pre>\n<p>Una vez terminado el proceso, podemos comprobar si la instalaci\u00f3n ha sido exitosa con el siguiente comando:<\/p>\n<pre>browser-sync --version<\/pre>\n<p>Este comando nos deber\u00eda mostrar la versi\u00f3n instalada actualmente. En mi caso, en el momento de escribir este articulo, la versi\u00f3n instalada es la <code>2.17.5<\/code><\/p>\n<h2>Usando <strong>BrowserSync<\/strong><\/h2>\n<p>Para realizar una prueba vamos a crear un proyecto sencillo; con un archivo <em>html<\/em> base y una hoja de estilo asociada. Mi proyecto de prueba tiene este aspecto:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5901\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/11\/browsersync-proyecto.jpg\" alt=\"browsersync-proyecto\" width=\"1022\" height=\"708\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/11\/browsersync-proyecto.jpg 1022w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/11\/browsersync-proyecto-300x208.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/11\/browsersync-proyecto-768x532.jpg 768w\" sizes=\"auto, (max-width: 1022px) 100vw, 1022px\" \/><\/p>\n<p>Ahora solo nos queda decirle a BrwoserSync que actue sobre nuestros archivos. Nos situamos en la carpeta del proyecto desde el termial y ejecutamos el siguiente comando:<\/p>\n<pre>browser-sync start --server --files &quot;*.html, css\/*.css&quot;<\/pre>\n<p>Esta orden mandar\u00e1 BrowserSync a vigilar todos los archivos HTML y CSS. Una vez que ejecute el comando, se abrir\u00e1 una ventana del navegador con el archivo <code>index.html<\/code>. En la consola deber\u00edamos ver algo as\u00ed:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5905\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/11\/browsersync-start-terminal.jpg\" alt=\"browsersync-start-terminal\" width=\"977\" height=\"212\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/11\/browsersync-start-terminal.jpg 977w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/11\/browsersync-start-terminal-300x65.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/11\/browsersync-start-terminal-768x167.jpg 768w\" sizes=\"auto, (max-width: 977px) 100vw, 977px\" \/><\/p>\n<p>Al ejecutar el comando se abrir\u00e1 autom\u00e1ticamente una nueva pesta\u00f1a en el navegador con la versi\u00f3n sincronizada, y tambi\u00e9n nos indicar\u00e1 la IP desde la que se puede acceder mediante otros dispositivos conectados a la red para que podamos verlo en m\u00faltiples dispositivos m\u00e1s f\u00e1cilmente.<\/p>\n<ul>\n<li><strong>Local<\/strong>: representa la direcci\u00f3n local para ver el proyecto<\/li>\n<li><strong>External<\/strong>: representa la direcci\u00f3n en la que cualquier dispositivo (dentro de la misma red) puede visualizar el proyecto<\/li>\n<li><strong>UI<\/strong>: direcci\u00f3n de la interfaz gr\u00e1fica de BrwoserSync.<\/li>\n<\/ul>\n<p>Ya solo nos quedar\u00e1 conectar los dispositivos a la URL externa y empezar a cambiar cosas en el c\u00f3digo. Ver\u00e9is que los navegadores est\u00e1n sincronizados y al producirse un cambio se reflejar\u00e1 en todos ellos.<\/p>\n<p>Si quer\u00e9is entrar m\u00e1s en detalle os recomiendo visitar la <a href=\"http:\/\/bit.ly\/2ekelYa\" target=\"_blank\" rel=\"noopener\">web oficial<\/a> donde encontrareis su <a href=\"http:\/\/bit.ly\/2feRlc6\" target=\"_blank\" rel=\"noopener\">documentaci\u00f3n <\/a>para ampliar las opciones e integrar con otras herramientas.<\/p>\n<p>Saludos!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bienvenidos a un nuevo post del \u00e1rea web de la Escola Espai. En esta entrada hablaremos de BrowserSync, una fant\u00e1stica herramienta que nos permite sincronizar los navegadores de todos nuestros dispositivos. Una de las tareas m\u00e1s comunes a la hora de desarrollar nuestros proyectos es&#8230;<\/p>\n","protected":false},"author":19,"featured_media":5935,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_ef_editorial_meta_date_first-draft-date":"","_ef_editorial_meta_paragraph_assignment":"","_ef_editorial_meta_checkbox_needs-photo":"","_ef_editorial_meta_number_word-count":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[7,379,5],"tags":[],"class_list":["post-5887","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","category-productividad","category-programacion"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Sincronizando navegadores con BrowserSync - Blog Escola Espai<\/title>\n<meta name=\"description\" content=\"BrowserSync hace que los ajustes y testeos sean m\u00e1s r\u00e1pidos al sincronizar los cambios de archivos y las interacciones en muchos dispositivos.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.espai.es\/blog\/2016\/11\/sincronizar-navegadores-browsersync\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sincronizando navegadores con BrowserSync - Blog Escola Espai\" \/>\n<meta property=\"og:description\" content=\"BrowserSync hace que los ajustes y testeos sean m\u00e1s r\u00e1pidos al sincronizar los cambios de archivos y las interacciones en muchos dispositivos.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.espai.es\/blog\/2016\/11\/sincronizar-navegadores-browsersync\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Escola Espai\" \/>\n<meta property=\"article:published_time\" content=\"2016-11-09T09:54:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-09-14T15:51:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/11\/browsersync-logo-e1478685343568.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"500\" \/>\n\t<meta property=\"og:image:height\" content=\"401\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Albert Sard\u00e0\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Albert Sard\u00e0\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.espai.es\/blog\/2016\/11\/sincronizar-navegadores-browsersync\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2016\/11\/sincronizar-navegadores-browsersync\/\"},\"author\":{\"name\":\"Albert Sard\u00e0\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/46d558cebb513dbfefecabf973d54e52\"},\"headline\":\"Sincronizando navegadores con BrowserSync\",\"datePublished\":\"2016-11-09T09:54:24+00:00\",\"dateModified\":\"2021-09-14T15:51:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2016\/11\/sincronizar-navegadores-browsersync\/\"},\"wordCount\":823,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2016\/11\/sincronizar-navegadores-browsersync\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/11\/browsersync-logo-e1478685343568.jpg\",\"articleSection\":[\"Dise\u00f1o Web\",\"Productividad\",\"Programaci\u00f3n\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.espai.es\/blog\/2016\/11\/sincronizar-navegadores-browsersync\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.espai.es\/blog\/2016\/11\/sincronizar-navegadores-browsersync\/\",\"url\":\"https:\/\/www.espai.es\/blog\/2016\/11\/sincronizar-navegadores-browsersync\/\",\"name\":\"Sincronizando navegadores con BrowserSync - Blog Escola Espai\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2016\/11\/sincronizar-navegadores-browsersync\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2016\/11\/sincronizar-navegadores-browsersync\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/11\/browsersync-logo-e1478685343568.jpg\",\"datePublished\":\"2016-11-09T09:54:24+00:00\",\"dateModified\":\"2021-09-14T15:51:23+00:00\",\"author\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/46d558cebb513dbfefecabf973d54e52\"},\"description\":\"BrowserSync hace que los ajustes y testeos sean m\u00e1s r\u00e1pidos al sincronizar los cambios de archivos y las interacciones en muchos dispositivos.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2016\/11\/sincronizar-navegadores-browsersync\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.espai.es\/blog\/2016\/11\/sincronizar-navegadores-browsersync\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/2016\/11\/sincronizar-navegadores-browsersync\/#primaryimage\",\"url\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/11\/browsersync-logo-e1478685343568.jpg\",\"contentUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/11\/browsersync-logo-e1478685343568.jpg\",\"width\":500,\"height\":401,\"caption\":\"BrowserSync Logo\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.espai.es\/blog\/2016\/11\/sincronizar-navegadores-browsersync\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.espai.es\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sincronizando navegadores con BrowserSync\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.espai.es\/blog\/#website\",\"url\":\"https:\/\/www.espai.es\/blog\/\",\"name\":\"Blog Escola Espai\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.espai.es\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/46d558cebb513dbfefecabf973d54e52\",\"name\":\"Albert Sard\u00e0\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/5375f6e1a8fa3ee5e4265fec85b9dbb6dd5ff2e961a7118a96e67358b0bea9e4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/5375f6e1a8fa3ee5e4265fec85b9dbb6dd5ff2e961a7118a96e67358b0bea9e4?s=96&d=mm&r=g\",\"caption\":\"Albert Sard\u00e0\"},\"url\":\"https:\/\/www.espai.es\/blog\/author\/albert\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Sincronizando navegadores con BrowserSync - Blog Escola Espai","description":"BrowserSync hace que los ajustes y testeos sean m\u00e1s r\u00e1pidos al sincronizar los cambios de archivos y las interacciones en muchos dispositivos.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.espai.es\/blog\/2016\/11\/sincronizar-navegadores-browsersync\/","og_locale":"es_ES","og_type":"article","og_title":"Sincronizando navegadores con BrowserSync - Blog Escola Espai","og_description":"BrowserSync hace que los ajustes y testeos sean m\u00e1s r\u00e1pidos al sincronizar los cambios de archivos y las interacciones en muchos dispositivos.","og_url":"https:\/\/www.espai.es\/blog\/2016\/11\/sincronizar-navegadores-browsersync\/","og_site_name":"Blog Escola Espai","article_published_time":"2016-11-09T09:54:24+00:00","article_modified_time":"2021-09-14T15:51:23+00:00","og_image":[{"width":500,"height":401,"url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/11\/browsersync-logo-e1478685343568.jpg","type":"image\/jpeg"}],"author":"Albert Sard\u00e0","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Albert Sard\u00e0","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.espai.es\/blog\/2016\/11\/sincronizar-navegadores-browsersync\/#article","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/2016\/11\/sincronizar-navegadores-browsersync\/"},"author":{"name":"Albert Sard\u00e0","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/46d558cebb513dbfefecabf973d54e52"},"headline":"Sincronizando navegadores con BrowserSync","datePublished":"2016-11-09T09:54:24+00:00","dateModified":"2021-09-14T15:51:23+00:00","mainEntityOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2016\/11\/sincronizar-navegadores-browsersync\/"},"wordCount":823,"commentCount":0,"image":{"@id":"https:\/\/www.espai.es\/blog\/2016\/11\/sincronizar-navegadores-browsersync\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/11\/browsersync-logo-e1478685343568.jpg","articleSection":["Dise\u00f1o Web","Productividad","Programaci\u00f3n"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.espai.es\/blog\/2016\/11\/sincronizar-navegadores-browsersync\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.espai.es\/blog\/2016\/11\/sincronizar-navegadores-browsersync\/","url":"https:\/\/www.espai.es\/blog\/2016\/11\/sincronizar-navegadores-browsersync\/","name":"Sincronizando navegadores con BrowserSync - Blog Escola Espai","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2016\/11\/sincronizar-navegadores-browsersync\/#primaryimage"},"image":{"@id":"https:\/\/www.espai.es\/blog\/2016\/11\/sincronizar-navegadores-browsersync\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/11\/browsersync-logo-e1478685343568.jpg","datePublished":"2016-11-09T09:54:24+00:00","dateModified":"2021-09-14T15:51:23+00:00","author":{"@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/46d558cebb513dbfefecabf973d54e52"},"description":"BrowserSync hace que los ajustes y testeos sean m\u00e1s r\u00e1pidos al sincronizar los cambios de archivos y las interacciones en muchos dispositivos.","breadcrumb":{"@id":"https:\/\/www.espai.es\/blog\/2016\/11\/sincronizar-navegadores-browsersync\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.espai.es\/blog\/2016\/11\/sincronizar-navegadores-browsersync\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/2016\/11\/sincronizar-navegadores-browsersync\/#primaryimage","url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/11\/browsersync-logo-e1478685343568.jpg","contentUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/11\/browsersync-logo-e1478685343568.jpg","width":500,"height":401,"caption":"BrowserSync Logo"},{"@type":"BreadcrumbList","@id":"https:\/\/www.espai.es\/blog\/2016\/11\/sincronizar-navegadores-browsersync\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.espai.es\/blog\/"},{"@type":"ListItem","position":2,"name":"Sincronizando navegadores con BrowserSync"}]},{"@type":"WebSite","@id":"https:\/\/www.espai.es\/blog\/#website","url":"https:\/\/www.espai.es\/blog\/","name":"Blog Escola Espai","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.espai.es\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/46d558cebb513dbfefecabf973d54e52","name":"Albert Sard\u00e0","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/5375f6e1a8fa3ee5e4265fec85b9dbb6dd5ff2e961a7118a96e67358b0bea9e4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5375f6e1a8fa3ee5e4265fec85b9dbb6dd5ff2e961a7118a96e67358b0bea9e4?s=96&d=mm&r=g","caption":"Albert Sard\u00e0"},"url":"https:\/\/www.espai.es\/blog\/author\/albert\/"}]}},"jetpack_featured_media_url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/11\/browsersync-logo-e1478685343568.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/5887","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/comments?post=5887"}],"version-history":[{"count":30,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/5887\/revisions"}],"predecessor-version":[{"id":12309,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/5887\/revisions\/12309"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media\/5935"}],"wp:attachment":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media?parent=5887"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/categories?post=5887"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/tags?post=5887"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}