URL.puede analizar

URL.puede analizar

El análisis de URL del lado del cliente ha sido una práctica común durante dos décadas. Los primeros días incluían el uso de expresiones regulares ilegibles, pero la especificación de JavaScript finalmente se convirtió en una new URL Método de análisis de URL. Entonces que URL es increíblemente útil cuando se proporciona una URL válida, una cadena no válida generará un error, ¡qué asco! Un nuevo método, URL.canParsepronto estará disponible para validar URLs!

Proporcione una URL con formato incorrecto para new URL devolverá un error, por lo que cada uso de new URL debería estar en un try/catch bloquear:

// The correct, safest way
try {
  const url = new URL('https://davidwalsh.name/pornhub-interview');
} catch (e) {
  console.log("Bad URL provided!");
}

// Oops, these are problematic (mostly relative URLs)
new URL('/');
new URL('../');
new URL('/pornhub-interview');
new URL('?q=search+term');
new URL('davidwalsh.name');

// Also works
new URL('javascript:;');

Como puede ver, las cadenas que funcionarían bien con un <a> baliza a veces no estará con new URL. Con URL.canParsepuedes evitar el try/catch desorden para determinar la validez de la URL:

// Detect problematic URLs
URL.canParse('/'); // false
URL.canParse('/pornhub-interview'); // false
URL.canParse('davidwalsh.name'); //false

// Proper usage
if (URL.canParse('https://davidwalsh.name/pornhub-interview')) {
  const parsed = new URL('https://davidwalsh.name/pornhub-interview');
}

Hemos recorrido un largo camino desde las expresiones regulares crípticas y el grabador <a> elementos a este URL Y URL.canParse Apis. Las URL son mucho más que una ubicación en estos días, por lo que tener una API confiable ha ayudado mucho a los desarrolladores web.

Supervisión del rendimiento del sitio web
Supervisión del rendimiento del sitio web
Supervisión del rendimiento del sitio web
Supervisión del rendimiento del sitio web
  • Animación de transformaciones CSS3 con MooTools Fx
  • 5 formas en que CSS y JavaScript interactúan que quizás no conozcas
  • Actualización del complemento de efecto de máquina de escribir de MooTools
  • Cree un cuadro de texto borrable con el kit de herramientas Dojo

    Cree un cuadro de texto borrable con el kit de herramientas Dojo

    La usabilidad es una característica clave al crear interfaces de usuario. Todo está en los detalles. Recientemente estaba usando mi iPhone y me di cuenta de lo increíble que es el ícono "x" en sus elementos de entrada. No mantenga presionada la tecla Eliminar. No hace falta apretarlo...

Si quieres conocer otros artículos parecidos a URL.puede analizar puedes visitar la categoría Tutoriales.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir

Esta página web utiliza cookies para analizar de forma anónima y estadística el uso que haces de la web, mejorar los contenidos y tu experiencia de navegación. Para más información accede a la Política de Cookies . Ver mas