DecSoft Soporte - Open web url from html view control

Open web url from html view control

Cree apps y expanda sus capacidades usando el lenguaje más popular del mundo: Javascript.

DecSoft HTML Compiler incluye un conveniente Compilador por línea de comandos para compilar sus apps desde la consola.

Los NeoPlugins de DecSoft tienen versiones "designtime" y "runtime" para reducir el tamaño de sus apps.

DecSoft App Builder incluye un conveniente Compilador por línea de comandos para compilar sus apps desde la consola.

Cree apps multiplataforma con DecSoft App Builder, incluyendo Android e iOS, con la misma base de código.

Compile, convierta sus modernas apps y juegos HTML en programas ejecutables sin dependencias para Microsoft Windows.

¡Eche un vistazo a nuestro canal de YouTube y suscríbase para recibir notificaciones sobre nuevos vídeos!

¡Eche un vistazo a algunas de preguntas más frecuentes sobre nosotros y nuestros productos!

Diseñe para pantallas pequeñas y distribuya también (sin cambios) en dispositivos como tablets.

Ahorre tiempo, recursos y dinero creando apps para Android, iOS y más con la misma base de código.

DecSoft App Builder integra un asistente de Open AI para ayudarle mientras desarrolla sus apps.

Los plugins oficiales de Apache Cordova se incluyen de serie y hay cientos de ellos disponibles para su uso.

DecSoft NeoPlugins pone sus proyectos de VisualNeo en otro nivel con +1.000 nuevas acciones para sus apps.

Ahorre dinero comprando nuestros paquetes de NeoPlugins. ¡Cinco, Diez e incluso nuestra colección entera a un precio increíble!

Cree modernas apps y juegos HTML a otro nivel haciendo cosas que incluso las modernas apps y juegos HTML no pueden.

DecSoft HTML Compiler es fácil de usar: personalize su proyecto y compile sus apps y sus juegos rápidamente.

Mario Steinbacher

Hi David, it's me again ... what is the best way top open an url in the system browser (Android, ios, ... ) when the link is in the html view element. (i have made a vue template where i place all needed elements) because sometimes i have links to no https pages. And in most cases i have to open the links in the system browser. best regards.

DecSoft

Hello Mario,

Yes; If I understand well, you have something like the below in an HTML control placed in an app view:


<a href="https://www.decsoftutils.com/" class="open-link">Open a link</a>

If that is correct (the link markup can change, but, I hope you got the point), probably the most easy way to handle the link is to use the Click event of the HTML control, so, we can place the below code (which asume an "htmlContent" control inside an "view1" app view):


// This is important to avoid the default links behaviour
views.view1.htmlContent.event.preventDefault();

// Look if there is a link which has been pressed by the user
if (views.view1.htmlContent.event.target.className.indexOf('open-link') !== -1) {

  // Get the URL from the link "href" attribute
  var
    url = views.view1.htmlContent.event.target.href;

  // If we are in a Cordova platorm (like Android)
  if (window.cordova) {

    // Use the InAppBrowser plugin with the "_system" argument
    app.cordova.inAppBrowser.open(url, '_system', '');

  } else {

    // In other platforms (like a browser) open a new window
    window.open(url);
  }
}

Note the usage of the Cordova InAppBrowser plugin, which you must "check" in the Apache Cordova tab of the app options.

The above is just a way to handle the links, so, if you find it not really useful in your particular case, just post here, and I will try to help you with other possible ways, Mario.

Purchase one or more licenses of our products if they are useful to you!

Mario Steinbacher

thank you! I have made a custom function with your cordova part and it works. thank you, david

Todo el mundo puede leer el foro de soporte de DecSoft para aprender del mismo, sin embargo, sólo los clientes de DecSoft pueden abrir nuevos hilos. Compre una o más licencias de productos de DecSoft y obtendrá este y otros beneficios.