Android WebView: Guía Completa para Incluir Web en Tu App

Rompiendo

Console Logging: Guía Definitiva para Depuración en JavaScript HTML Title: Guía Completa de la Etiqueta `` para SEO</span> </a> <a href="https://reactivelinux.com/php-date/"> <i class="fa-solid fa-circle-arrow-right"></i> <span>Convertir Formatos de Fecha en PHP: Guía Completa</span> </a> <a href="https://reactivelinux.com/create-database-psql/"> <i class="fa-solid fa-circle-arrow-right"></i> <span>Crear una base de datos PostgreSQL: Guía completa</span> </a> <a href="https://reactivelinux.com/huawei-watch-gt4/"> <i class="fa-solid fa-circle-arrow-right"></i> <span>Huawei Watch GT 4: Análisis completo de las dos versiones premium</span> </a> </div>  </div> </div>  <div class="col-md-4 col-xs-12"> </div>  </div> </div> </div>  <div class="clearfix"></div>  <div class="bs-header-main" style="background-image: url('');"> <div class="inner responsive"> <div class="container"> <div class="row align-items-center"> <div class="navbar-header col d-none d-lg-block col-md-12 text-center mx-auto">  <div class="site-logo"> <a href="https://reactivelinux.com/" class="navbar-brand" rel="home"><img width="500" height="500" src="https://reactivelinux.com/wp-content/uploads/iconoh.png" class="custom-logo" alt="reactivelinux.com" decoding="async" fetchpriority="high" srcset="https://reactivelinux.com/wp-content/uploads/iconoh.png 500w, https://reactivelinux.com/wp-content/uploads/iconoh-300x300.png 300w, https://reactivelinux.com/wp-content/uploads/iconoh-150x150.png 150w" sizes="(max-width: 500px) 100vw, 500px" /></a> </div> <div class="site-branding-text "> <p class="site-title"> <a href="https://reactivelinux.com/" rel="home">reactivelinux.com</a></p> <p class="site-description">En el vasto universo digital, cada línea de código es un conjuro y cada comando, una llave. ReactiveLinux es la forja donde se moldean los arquitectos de este mundo. Aquí no recitamos manuales; desciframos los secretos de la terminal de Linux hasta convertirla en una extensión de tu pensamiento. Te guiamos a través de la sintaxis de lenguajes que dan vida a las ideas, desde los cimientos de Python hasta la velocidad de Go. Exploramos las corrientes subterráneas de la tecnología que definirán el mañana. Este no es un simple sitio de tutoriales, es tu catalizador. Un lugar para reaccionar, crear y transformar el caos digital en orden y poder.</p> </div> </div> </div> </div> </div> </div>  <div class="bs-menu-full"> <nav class="navbar navbar-expand-lg navbar-wp"> <div class="container">  <div class="m-header align-items-center justify-content-justify">  <button class="navbar-toggler x collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-wp" aria-controls="navbar-wp" aria-expanded="false" aria-label="Alternar navegación"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="navbar-header">  <div class="site-logo"> <a href="https://reactivelinux.com/" class="navbar-brand" rel="home"><img width="500" height="500" src="https://reactivelinux.com/wp-content/uploads/iconoh.png" class="custom-logo" alt="reactivelinux.com" decoding="async" srcset="https://reactivelinux.com/wp-content/uploads/iconoh.png 500w, https://reactivelinux.com/wp-content/uploads/iconoh-300x300.png 300w, https://reactivelinux.com/wp-content/uploads/iconoh-150x150.png 150w" sizes="(max-width: 500px) 100vw, 500px" /></a> </div> <div class="site-branding-text "> <div class="site-title"> <a href="https://reactivelinux.com/" rel="home">reactivelinux.com</a> </div> <p class="site-description">En el vasto universo digital, cada línea de código es un conjuro y cada comando, una llave. ReactiveLinux es la forja donde se moldean los arquitectos de este mundo. Aquí no recitamos manuales; desciframos los secretos de la terminal de Linux hasta convertirla en una extensión de tu pensamiento. Te guiamos a través de la sintaxis de lenguajes que dan vida a las ideas, desde los cimientos de Python hasta la velocidad de Go. Exploramos las corrientes subterráneas de la tecnología que definirán el mañana. Este no es un simple sitio de tutoriales, es tu catalizador. Un lugar para reaccionar, crear y transformar el caos digital en orden y poder.</p> </div> </div> <div class="right-nav"> <a class="msearch ml-auto" data-bs-target="#exampleModal" href="#" data-bs-toggle="modal"> <i class="fa fa-search"></i> </a> </div> </div>   <div class="collapse navbar-collapse" id="navbar-wp"> <ul class="nav navbar-nav"><li class="nav-item menu-item "><a class="nav-link " href="https://reactivelinux.com/" title="Home">Home</a></li><li class="nav-item menu-item page_item dropdown page-item-5409"><a class="nav-link" href="https://reactivelinux.com/contacto/">Contacto</a></li><li class="nav-item menu-item page_item dropdown page-item-5411"><a class="nav-link" href="https://reactivelinux.com/politica-de-cookies/">Política de cookies</a></li><li class="nav-item menu-item page_item dropdown page-item-3"><a class="nav-link" href="https://reactivelinux.com/politica-de-privacidad/">Política de privacidad</a></li><li class="nav-item menu-item page_item dropdown page-item-5413"><a class="nav-link" href="https://reactivelinux.com/proposito/">Propósito</a></li><li class="nav-item menu-item page_item dropdown page-item-5415"><a class="nav-link" href="https://reactivelinux.com/sobre-nosotros/">Sobre nosotros</a></li></ul> </div>  <div class="desk-header right-nav pl-3 ml-auto my-2 my-lg-0 position-relative align-items-center"> <a class="msearch ml-auto" data-bs-target="#exampleModal" href="#" data-bs-toggle="modal"> <i class="fa fa-search"></i> </a> <label class="switch" for="switch"> <input type="checkbox" name="theme" id="switch" class="defaultcolor" data-skin-mode="defaultcolor" > <span class="slider"></span> </label> </div>  </div> </nav> </div>  </header>   <div class="mainfeatured">  <div class="container">  <div class="row"> </div> </div> </div>  <main id="content" class="single-class"> <div class="container">  <div class="row">  <div class="col-lg-12"> <div class="bs-blog-post single"> <div class="bs-header"> <div class="bs-blog-category justify-content-start"> <div class="bs-blog-category"><a class="blogarise-categories category-color-1" href="https://reactivelinux.com/category/desarrollo/" alt="Ver todas las entradas en Desarrollo"> Desarrollo </a></div> </div> <h1 class="title"> Android WebView: Guía Completa para Incluir Web en Tu App </h1> <div class="bs-info-author-block"> <div class="bs-blog-meta mb-0"> </div> </div> </div> <article class="small single"> <h1>Android WebView: Integración de Páginas Web en Aplicaciones</h1> <p>El desarrollo de aplicaciones móviles a menudo requiere la integración de contenido web dentro de la interfaz de usuario. <strong>Android WebView</strong> proporciona una forma eficaz de mostrar páginas web dentro de una aplicación. Este componente actúa como un navegador web integrado, permitiendo a los desarrolladores mostrar contenido web, cargar URLs, controlar la navegación y manipular el comportamiento de la página web desde el código de la aplicación.</p> <p>En esta guía completa, exploraremos las diversas funcionalidades de <strong>Android WebView</strong> y te guiaremos paso a paso en el proceso de integración de contenido web en tus aplicaciones. Desde la configuración básica hasta la gestión de eventos y el manejo de enlaces, te proporcionaremos todo el conocimiento necesario para implementar <strong>WebView</strong> de forma eficiente.</p> <h2>Configuración de WebView</h2> <p>Para comenzar, debes agregar <strong>WebView</strong> al diseño de tu aplicación utilizando XML. En el archivo de diseño XML (por ejemplo, activity_main.xml), define el elemento <strong>WebView</strong>.</p> <p>«`xml<br /> <LinearLayout xmlns_android="http://schemas.android.com/apk/res/android" android_layout_width="match_parent" android_layout_height="match_parent" android_orientation="vertical"></p> <pre><code><WebView android_id="@+id/webView" android_layout_width="match_parent" android_layout_height="match_parent" /> </code></pre> <p></LinearLayout><br /> «`</p> <p>Este código crea un <strong>WebView</strong> que ocupará todo el espacio disponible en la actividad. Puedes personalizar el tamaño y las propiedades del <strong>WebView</strong> según tus necesidades.</p> <h2>Obtención de Referencia y Carga de URL</h2> <p>Una vez que has definido <strong>WebView</strong> en el XML, debes obtener una referencia al mismo en tu código Java. Puedes hacerlo utilizando el método <code>findViewById()</code> de la actividad.</p> <p><code>java<br /> WebView webView = findViewById(R.id.webView);<br /> </code></p> <p>Ahora puedes cargar una URL en <strong>WebView</strong> utilizando el método <code>loadUrl()</code>.</p> <p><code>java<br /> webView.loadUrl("https://www.google.com");<br /> </code></p> <p>Este código cargará la página web de Google en el <strong>WebView</strong>.</p> <h2>Control de la Navegación</h2> <p><strong>Android WebView</strong> permite controlar la navegación dentro de la página web. Puedes implementar métodos para navegar hacia atrás y hacia adelante, recargar la página, detener la carga y borrar el historial.</p> <div style="clear:both; margin-top:0em; margin-bottom:1em;"><a href="https://reactivelinux.com/while-python/" target="_blank" rel="dofollow" class="u32c52ea4f98d6a6bdeb8d776d38112c5"><style> .u32c52ea4f98d6a6bdeb8d776d38112c5 { padding:0px; margin: 0; padding-top:1em!important; padding-bottom:1em!important; width:100%; display: block; font-weight:bold; background-color:#eaeaea; border:0!important; border-left:4px solid #34495E!important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); text-decoration:none; } .u32c52ea4f98d6a6bdeb8d776d38112c5:active, .u32c52ea4f98d6a6bdeb8d776d38112c5:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; text-decoration:none; } .u32c52ea4f98d6a6bdeb8d776d38112c5 { transition: background-color 250ms; webkit-transition: background-color 250ms; opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; } .u32c52ea4f98d6a6bdeb8d776d38112c5 .ctaText { font-weight:bold; color:#464646; text-decoration:none; font-size: 16px; } .u32c52ea4f98d6a6bdeb8d776d38112c5 .postTitle { color:#000000; text-decoration: underline!important; font-size: 16px; } .u32c52ea4f98d6a6bdeb8d776d38112c5:hover .postTitle { text-decoration: underline!important; } </style><div style="padding-left:1em; padding-right:1em;"><span class="ctaText">LEER:</span> <span class="postTitle">While en Python: Guía Completa con Ejemplos Prácticos</span></div></a></div><p><code>java<br /> webView.goBack(); // Navega hacia atrás<br /> webView.goForward(); // Navega hacia adelante<br /> webView.reload(); // Recarga la página<br /> webView.stopLoading(); // Detiene la carga<br /> webView.clearHistory(); // Borra el historial<br /> </code></p> <h2>Manejo de Enlaces con WebViewClient</h2> <p>Para evitar que los enlaces dentro de la página web se abran en el navegador predeterminado, puedes utilizar <strong>WebViewClient</strong>. Esta clase permite interceptar los enlaces y manejarlos según tus necesidades.</p> <p><code>java<br /> webView.setWebViewClient(new WebViewClient() {<br /> @Override<br /> public boolean shouldOverrideUrlLoading(WebView view, String url) {<br /> view.loadUrl(url);<br /> return true;<br /> }<br /> });<br /> </code></p> <p>Este código interceptará cualquier enlace dentro de la página web y lo cargará en el mismo <strong>WebView</strong>.</p> <h2>Ejemplo Práctico: Aplicación Web Básica</h2> <p>Para ilustrar el uso de <strong>Android WebView</strong> de forma práctica, vamos a crear una aplicación web básica que solicita una URL y la carga en <strong>WebView</strong>.</p> <p><strong>1. Actividad Principal (MainActivity.java):</strong></p> <p>«`java<br /> import androidx.appcompat.app.AppCompatActivity;<br /> import android.os.Bundle;<br /> import android.view.View;<br /> import android.webkit.WebView;<br /> import android.webkit.WebViewClient;<br /> import android.widget.Button;<br /> import android.widget.EditText;</p> <p>public class MainActivity extends AppCompatActivity {</p> <pre><code>EditText urlInput; Button loadButton; WebView webView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); urlInput = findViewById(R.id.urlInput); loadButton = findViewById(R.id.loadButton); webView = findViewById(R.id.webView); webView.setWebViewClient(new WebViewClient() { @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { view.loadUrl(url); return true; } }); loadButton.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { String url = urlInput.getText().toString(); webView.loadUrl(url); } }); } </code></pre> <p>}<br /> «`</p> <p><strong>2. Diseño XML (activity_main.xml):</strong></p> <p>«`xml<br /> <?xml version="1.0" encoding="utf-8"?><br /> <LinearLayout xmlns_android="http://schemas.android.com/apk/res/android" android_layout_width="match_parent" android_layout_height="match_parent" android_orientation="vertical" android_padding="16dp"></p> <pre><code><EditText android_id="@+id/urlInput" android_layout_width="match_parent" android_layout_height="wrap_content" android_hint="Ingresa la URL" /> <Button android_id="@+id/loadButton" android_layout_width="wrap_content" android_layout_height="wrap_content" android_text="Cargar" /> <WebView android_id="@+id/webView" android_layout_width="match_parent" android_layout_height="0dp" android_layout_weight="1" /> </code></pre> <p></LinearLayout><br /> «`</p> <p><strong>3. Archivo de Permisos (AndroidManifest.xml):</strong></p> <p><code>xml<br /> <manifest ...><br /> <uses-permission android_name="android.permission.INTERNET" /><br /> <application ...><br /> <activity ... /><br /> </application><br /> </manifest><br /> </code></p> <p><strong>4. Ejecución de la Aplicación:</strong></p> <p>Ejecuta la aplicación en un emulador o dispositivo Android. Introduce una URL en el campo de texto y presiona el botón «Cargar». La página web se cargará en el <strong>WebView</strong>.</p> <div style="clear:both; margin-top:0em; margin-bottom:1em;"><a href="https://reactivelinux.com/software-storyboard/" target="_blank" rel="dofollow" class="u1fcc5819a50b05f0aa2a6b7d8ce701ab"><style> .u1fcc5819a50b05f0aa2a6b7d8ce701ab { padding:0px; margin: 0; padding-top:1em!important; padding-bottom:1em!important; width:100%; display: block; font-weight:bold; background-color:#eaeaea; border:0!important; border-left:4px solid #34495E!important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); text-decoration:none; } .u1fcc5819a50b05f0aa2a6b7d8ce701ab:active, .u1fcc5819a50b05f0aa2a6b7d8ce701ab:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; text-decoration:none; } .u1fcc5819a50b05f0aa2a6b7d8ce701ab { transition: background-color 250ms; webkit-transition: background-color 250ms; opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; } .u1fcc5819a50b05f0aa2a6b7d8ce701ab .ctaText { font-weight:bold; color:#464646; text-decoration:none; font-size: 16px; } .u1fcc5819a50b05f0aa2a6b7d8ce701ab .postTitle { color:#000000; text-decoration: underline!important; font-size: 16px; } .u1fcc5819a50b05f0aa2a6b7d8ce701ab:hover .postTitle { text-decoration: underline!important; } </style><div style="padding-left:1em; padding-right:1em;"><span class="ctaText">LEER:</span> <span class="postTitle">Storyboards para Software: Guía Completa para Diseñar UX Amigable</span></div></a></div><h2>Conclusiones</h2> <p><strong>Android WebView</strong> es una herramienta fundamental para integrar contenido web en aplicaciones móviles. Su fácil implementación y las diversas opciones de configuración permiten a los desarrolladores mostrar páginas web, gestionar la navegación, manipular el comportamiento de la página web y crear experiencias enriquecidas para los usuarios.</p> <p>Recuerda que la seguridad de <strong>WebView</strong> es crucial. Siempre debes actualizar <strong>WebView</strong> a la última versión para mitigar las vulnerabilidades de seguridad. Además, debes ser consciente de los riesgos de cargar contenido web de fuentes desconocidas y tomar las precauciones necesarias para proteger la información del usuario.</p> <p>Con esta guía detallada, estás equipado para integrar <strong>WebView</strong> en tus aplicaciones Android de forma eficiente. ¡Explora las posibilidades y crea aplicaciones con experiencias web integradas!</p> <div class="clearfix mb-3"></div> <nav class="navigation post-navigation" aria-label="Entradas"> <h2 class="screen-reader-text">Navegación de entradas</h2> <div class="nav-links"><div class="nav-previous"><a href="https://reactivelinux.com/less-than-equal-to-python/" rel="prev"><div class="fa fa-angle-double-left"></div><span></span> Python: Operadores de Comparación – Guía Completa (<=, >=, ==, !=) </a></div><div class="nav-next"><a href="https://reactivelinux.com/php-date/" rel="next"> Convertir Formatos de Fecha en PHP: Guía Completa <div class="fa fa-angle-double-right"></div><span></span></a></div></div> </nav> </article> </div> <div class="py-4 px-3 mb-4 bs-card-box bs-single-related">  <div class="bs-widget-title mb-3">  <h4 class="title">Podría interesarte</h4> </div>  <div class="related-post"> <div class="row">   <div class="col-md-4"> <div class="bs-blog-post three md back-img bshre mb-md-0" > <a class="link-div" href="https://reactivelinux.com/logging-console/"></a> <div class="inner"> <div class="bs-blog-category"> <div class="bs-blog-category"><a class="blogarise-categories category-color-1" href="https://reactivelinux.com/category/desarrollo/" alt="Ver todas las entradas en Desarrollo"> Desarrollo </a></div> </div> <h4 class="title sm mb-0"> <a href="https://reactivelinux.com/logging-console/" title="Permalink to: Console Logging: Guía Definitiva para Depuración en JavaScript"> Console Logging: Guía Definitiva para Depuración en JavaScript</a> </h4> <div class="bs-blog-meta"> </div> </div> </div> </div>   <div class="col-md-4"> <div class="bs-blog-post three md back-img bshre mb-md-0" > <a class="link-div" href="https://reactivelinux.com/html-title/"></a> <div class="inner"> <div class="bs-blog-category"> <div class="bs-blog-category"><a class="blogarise-categories category-color-1" href="https://reactivelinux.com/category/desarrollo/" alt="Ver todas las entradas en Desarrollo"> Desarrollo </a></div> </div> <h4 class="title sm mb-0"> <a href="https://reactivelinux.com/html-title/" title="Permalink to: HTML Title: Guía Completa de la Etiqueta `` para SEO"> HTML Title: Guía Completa de la Etiqueta `<title>` para SEO</a> </h4> <div class="bs-blog-meta"> </div> </div> </div> </div>   <div class="col-md-4"> <div class="bs-blog-post three md back-img bshre mb-md-0" > <a class="link-div" href="https://reactivelinux.com/php-date/"></a> <div class="inner"> <div class="bs-blog-category"> <div class="bs-blog-category"><a class="blogarise-categories category-color-1" href="https://reactivelinux.com/category/desarrollo/" alt="Ver todas las entradas en Desarrollo"> Desarrollo </a></div> </div> <h4 class="title sm mb-0"> <a href="https://reactivelinux.com/php-date/" title="Permalink to: Convertir Formatos de Fecha en PHP: Guía Completa"> Convertir Formatos de Fecha en PHP: Guía Completa</a> </h4> <div class="bs-blog-meta"> </div> </div> </div> </div>  </div> </div> </div>  </div> </div>  </div>  </main>  <div class="missed"> <div class="container"> <div class="row"> <div class="col-12"> <div class="wd-back"> <div class="bs-widget-title"> <h2 class="title">Te has perdido</h2> </div> <div class="missed-area"> <div class="bs-blog-post three md back-img bshre mb-0" "> <a class="link-div" href="https://reactivelinux.com/logging-console/"></a> <div class="inner"> <div class="bs-blog-category"><a class="blogarise-categories category-color-1" href="https://reactivelinux.com/category/desarrollo/" alt="Ver todas las entradas en Desarrollo"> Desarrollo </a></div> <h4 class="title sm mb-0"> <a href="https://reactivelinux.com/logging-console/" title="Permalink to: Console Logging: Guía Definitiva para Depuración en JavaScript"> Console Logging: Guía Definitiva para Depuración en JavaScript</a> </h4> </div> </div> <div class="bs-blog-post three md back-img bshre mb-0" "> <a class="link-div" href="https://reactivelinux.com/html-title/"></a> <div class="inner"> <div class="bs-blog-category"><a class="blogarise-categories category-color-1" href="https://reactivelinux.com/category/desarrollo/" alt="Ver todas las entradas en Desarrollo"> Desarrollo </a></div> <h4 class="title sm mb-0"> <a href="https://reactivelinux.com/html-title/" title="Permalink to: HTML Title: Guía Completa de la Etiqueta `` para SEO"> HTML Title: Guía Completa de la Etiqueta `<title>` para SEO</a> </h4> </div> </div> <div class="bs-blog-post three md back-img bshre mb-0" "> <a class="link-div" href="https://reactivelinux.com/php-date/"></a> <div class="inner"> <div class="bs-blog-category"><a class="blogarise-categories category-color-1" href="https://reactivelinux.com/category/desarrollo/" alt="Ver todas las entradas en Desarrollo"> Desarrollo </a></div> <h4 class="title sm mb-0"> <a href="https://reactivelinux.com/php-date/" title="Permalink to: Convertir Formatos de Fecha en PHP: Guía Completa"> Convertir Formatos de Fecha en PHP: Guía Completa</a> </h4> </div> </div> <div class="bs-blog-post three md back-img bshre mb-0" "> <a class="link-div" href="https://reactivelinux.com/create-database-psql/"></a> <div class="inner"> <div class="bs-blog-category"><a class="blogarise-categories category-color-1" href="https://reactivelinux.com/category/administracion-de-sistemas/" alt="Ver todas las entradas en Administración de Sistemas"> Administración de Sistemas </a></div> <h4 class="title sm mb-0"> <a href="https://reactivelinux.com/create-database-psql/" title="Permalink to: Crear una base de datos PostgreSQL: Guía completa"> Crear una base de datos PostgreSQL: Guía completa</a> </h4> </div> </div> </div> </div> </div> </div> </div> </div>   <footer > <div class="overlay" style="background-color: ;">  <div class="bs-footer-widget-area"> <div class="container"> <div class="row"> <div id="block-8" class="col-md-12 rotateInDownLeft animated bs-widget widget_block"><ul class="wp-block-page-list"><li class="wp-block-pages-list__item"><a class="wp-block-pages-list__item__link" href="https://reactivelinux.com/contacto/">Contacto</a></li><li class="wp-block-pages-list__item"><a class="wp-block-pages-list__item__link" href="https://reactivelinux.com/politica-de-cookies/">Política de cookies</a></li><li class="wp-block-pages-list__item"><a class="wp-block-pages-list__item__link" href="https://reactivelinux.com/politica-de-privacidad/">Política de privacidad</a></li><li class="wp-block-pages-list__item"><a class="wp-block-pages-list__item__link" href="https://reactivelinux.com/proposito/">Propósito</a></li><li class="wp-block-pages-list__item"><a class="wp-block-pages-list__item__link" href="https://reactivelinux.com/sobre-nosotros/">Sobre nosotros</a></li></ul></div><div id="block-9" class="col-md-12 rotateInDownLeft animated bs-widget widget_block"> <div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex"> <div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://reactivelinux.com/sitemap.xml" target="_blank" rel="noreferrer noopener">Mapa del sitio web</a></div> </div> </div> </div>  </div>  </div> <div class="bs-footer-bottom-area"> <div class="container"> <div class="divide-line"></div> <div class="row align-items-center"> <div class="col-md-6"> <div class="footer-logo">  <div class="site-logo"> <a href="https://reactivelinux.com/" class="navbar-brand" rel="home"><img width="500" height="500" src="https://reactivelinux.com/wp-content/uploads/iconoh.png" class="custom-logo" alt="reactivelinux.com" decoding="async" srcset="https://reactivelinux.com/wp-content/uploads/iconoh.png 500w, https://reactivelinux.com/wp-content/uploads/iconoh-300x300.png 300w, https://reactivelinux.com/wp-content/uploads/iconoh-150x150.png 150w" sizes="(max-width: 500px) 100vw, 500px" /></a> </div> <div class="site-branding-text"> <p class="site-title-footer"> <a href="https://reactivelinux.com/" rel="home">reactivelinux.com</a></p> <p class="site-description-footer">En el vasto universo digital, cada línea de código es un conjuro y cada comando, una llave. ReactiveLinux es la forja donde se moldean los arquitectos de este mundo. Aquí no recitamos manuales; desciframos los secretos de la terminal de Linux hasta convertirla en una extensión de tu pensamiento. Te guiamos a través de la sintaxis de lenguajes que dan vida a las ideas, desde los cimientos de Python hasta la velocidad de Go. Exploramos las corrientes subterráneas de la tecnología que definirán el mañana. Este no es un simple sitio de tutoriales, es tu catalizador. Un lugar para reaccionar, crear y transformar el caos digital en orden y poder.</p> </div> </div> </div>   </div>  </div>  </div>  <div class="bs-footer-copyright"> <div class="container"> <div class="row"> <div class="col-md-12 text-center"> <p class="mb-0"> Copyright © All rights reserved <span class="sep"> | </span> <a href="https://themeansar.com/free-themes/blogarise/" target="_blank">BlogArise</a> por <a href="https://themeansar.com" target="_blank">Themeansar</a>. </a> </p> </div> </div> </div> </div> </div> </div>  </footer>  </div>   <a href="#" class="bs_upscr bounceInup animated"><i class="fas fa-long-arrow-alt-up"></i></a>   <div class="modal fade bs_model" id="exampleModal" data-bs-keyboard="true" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"><i class="fa fa-times"></i></button> </div> <div class="modal-body"> <form role="search" method="get" class="search-form" action="https://reactivelinux.com/"> <label> <span class="screen-reader-text">Buscar:</span> <input type="search" class="search-field" placeholder="Buscar …" value="" name="s" /> </label> <input type="submit" class="search-submit" value="Buscar" /> </form> </div> </div> </div> </div>   <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/blogarise\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <style> footer .footer-logo img{ width: 210px; height: 70px; } </style> <style type="text/css"> /*==================== Site title and tagline ====================*/ .site-title a, .site-description{ color: #000000; } body.dark .site-title a, body.dark .site-description{ color: #fff; } /*==================== Top Bar color ====================*/ .bs-head-detail, .mg-latest-news .bn_title{ background: #0a0a0a; } .bs-head-detail .top-date, .bs-head-detail { color: ; } /*==================== Menu color ====================*/ .navbar-wp { background: ; } .bs-default .navbar-wp .navbar-nav > li > a{ background: ; color: ; } .bs-default .navbar-wp .navbar-nav > li > a:hover{ color: ; } .navbar-wp .dropdown-menu > li > a { background: #fff; color: ; } .navbar-wp .dropdown-menu > li > a:hover, .navbar-wp .dropdown-menu > li > a:focus { background: ; color: ; } .bs-headthree .navbar-wp, .navbar-wp .dropdown-menu > li > a:hover, .navbar-wp .dropdown-menu > li > a:focus, .bs-headthree .right-nav a, .bs-headthree .switch .slider::before { background: ; } /*=================== Subscribe Button Color ===================*/ .desk-header .btn-subscribe{ background: ; color: ; border-color: ; } .desk-header .btn-subscribe:hover{ background: ; color: ; border-color: ; } /*=================== Breadeking News Color ===================*/ .bs-latest-news { background: ; } .bs-latest-news .bs-latest-news-slider a { color: ; } /*=================== Slider Color ===================*/ .homemain .bs-slide.overlay:before{ background-color: #00000099; } .bs-slide .inner .title a { color: ; } @media (min-width:991px) { .bs-slide .inner .title{ font-size: 50px; } } </style> <script type="text/javascript" src="https://reactivelinux.com/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script> <script type="text/javascript" src="https://reactivelinux.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script> <script type="text/javascript" id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); /* ]]> */ </script> <script type="text/javascript" src="https://reactivelinux.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=5.9.8" id="swv-js"></script> <script type="text/javascript" id="contact-form-7-js-extra"> /* <![CDATA[ */ var wpcf7 = {"api":{"root":"https:\/\/reactivelinux.com\/wp-json\/","namespace":"contact-form-7\/v1"}}; /* ]]> */ </script> <script type="text/javascript" id="contact-form-7-js-translations"> /* <![CDATA[ */ ( function( domain, translations ) { var localeData = translations.locale_data[ domain ] || translations.locale_data.messages; localeData[""].domain = domain; wp.i18n.setLocaleData( localeData, domain ); } )( "contact-form-7", {"translation-revision-date":"2024-07-17 09:00:42+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n != 1;","lang":"es"},"This contact form is placed in the wrong place.":["Este formulario de contacto est\u00e1 situado en el lugar incorrecto."],"Error:":["Error:"]}},"comment":{"reference":"includes\/js\/index.js"}} ); /* ]]> */ </script> <script type="text/javascript" src="https://reactivelinux.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=5.9.8" id="contact-form-7-js"></script> <script type="text/javascript" src="https://reactivelinux.com/wp-content/themes/blogarise/js/dark.js?ver=6.8.3" id="blogarise-dark-js"></script> <script type="text/javascript" src="https://reactivelinux.com/wp-content/themes/blogarise/js/custom.js?ver=6.8.3" id="blogarise_custom-js-js"></script> <script> /(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())},!1); </script> </body> </html>