Inspeccionar elementos en una Chromebook es una herramienta muy \u00fatil para explorar el c\u00f3digo frontend de un sitio web (HTML, CSS e incluso algo de JavaScript).Es principalmente \u00fatil para depurar o realizar ajustes curiosos, pero recuerda que estos cambios son solo temporales. Recarga la p\u00e1gina y todo volver\u00e1 a la normalidad. Pru\u00e9balo si est\u00e1s experimentando con el dise\u00f1o web o incluso solucionando problemas de dise\u00f1o. Dado que las Chromebooks funcionan con Chrome OS, el proceso es pr\u00e1cticamente el mismo que en Chrome normal, pero a veces se producen bloqueos extra\u00f1os, especialmente en dispositivos escolares o laborales donde entran en juego las restricciones de administrador. Por lo tanto, saber c\u00f3mo acceder o incluso eludir algunas de estas restricciones puede ser de gran ayuda. Si el m\u00e9todo habitual del clic derecho no funciona (por ejemplo, est\u00e1 deshabilitado o bloqueado), puedes probar otras alternativas. Aqu\u00ed tienes algunas opciones para que las herramientas de desarrollo funcionen en tu Chromebook, ya sea que est\u00e9s cansado de las molestas restricciones o quieras echar un vistazo al c\u00f3digo de un sitio web por diversi\u00f3n.<\/p>\n
Este es el m\u00e9todo m\u00e1s sencillo: simplemente haz clic derecho (o pulsa con dos dedos si usas un panel t\u00e1ctil) en cualquier elemento que quieras revisar y selecciona Inspeccionar<\/strong>. En la mayor\u00eda de las configuraciones, se abrir\u00e1 inmediatamente el panel Herramientas para desarrolladores y se resaltar\u00e1 el c\u00f3digo de ese elemento. Bastante sencillo, \u00bfverdad? Pero a veces los sitios bloquean el clic derecho, sobre todo si los propietarios de contenido intentan proteger su contenido. En ese caso, ve a las opciones m\u00e1s avanzadas que aparecen a continuaci\u00f3n. En mi configuraci\u00f3n, en algunos sitios, el clic derecho no funciona al principio, pero tras una actualizaci\u00f3n r\u00e1pida de la p\u00e1gina o la desactivaci\u00f3n del bloqueador de scripts, funciona de repente. Es curioso c\u00f3mo esas protecciones pueden ser tan inconsistentes.<\/p>\n Si el clic derecho est\u00e1 deshabilitado o simplemente te da pereza, Ctrl + May\u00fas + C<\/strong> es tu mejor aliado. Activa la misma funci\u00f3n “Inspeccionar” al instante. Cuando se abren las herramientas para desarrolladores, ver\u00e1s un peque\u00f1o icono de flecha en la esquina superior izquierda del panel de herramientas. Al hacer clic en \u00e9l, aparece un cursor en forma de cruz: haz clic en cualquier elemento de la p\u00e1gina para inspeccionar solo esa parte. Parece una forma r\u00e1pida de acceder sin navegar por los men\u00fas. En algunos sitios, este atajo funciona de maravilla al instante, pero en otros, especialmente en sitios con alta protecci\u00f3n, puede que no haga nada a menos que hayas habilitado permisos adicionales. Porque, claro, Chrome tiene que complicarlo m\u00e1s de lo necesario.<\/p>\n Si prefieres los men\u00fas, abre el men\u00fa de Chrome haciendo clic en los tres puntos suspensivos ( puntos suspensivos verticales<\/strong> ) en la esquina superior derecha. Luego, ve a M\u00e1s herramientas > Herramientas para desarrolladores<\/strong>. Se abrir\u00e1 el panel de desarrollo a la derecha o abajo. Desde all\u00ed, haz clic en la pesta\u00f1a Elementos<\/strong> y listo. Para inspeccionar elementos espec\u00edficos, haz clic en la flecha del panel y selecciona cualquier parte de la p\u00e1gina que quieras analizar. Es f\u00e1cil, pero, como ya hemos dicho, si las herramientas de desarrollo est\u00e1n bloqueadas, es posible que no funcionen. A veces, reiniciar Chrome o borrar la cach\u00e9 puede ayudar a actualizar los permisos, pero en los dispositivos escolares, esto podr\u00eda fallar silenciosamente.<\/p>\n Ahora bien, si usas una Chromebook con restricciones, como una escolar, es probable que todas estas opciones est\u00e9n bloqueadas. Sin embargo, aunque parezca un poco enga\u00f1oso, existe una soluci\u00f3n alternativa si necesitas inspeccionar algo b\u00e1sico. Algo que he visto que funciona es a\u00f1adir un bookmarklet que inserta un peque\u00f1o script en la p\u00e1gina: como este, tuve que copiarlo y pegarlo en la URL de un marcador:<\/p>\n B\u00e1sicamente, esto convierte la p\u00e1gina en una especie de documento editable para que puedas modificar su visualizaci\u00f3n. No es exactamente igual que las herramientas de desarrollo, pero si quieres ver c\u00f3mo se organizan los diferentes elementos o ajustar contenido est\u00e1tico, es una soluci\u00f3n r\u00e1pida. Para ello, crea un nuevo marcador (desde el men\u00fa, Marcadores > A\u00f1adir marcador<\/strong> ) y pega el c\u00f3digo en el campo URL. Al hacer clic en ese marcador en cualquier p\u00e1gina, se podr\u00e1 editar. Aun as\u00ed, no tendr\u00e1s acceso completo a CSS y HTML como en las herramientas de desarrollo, pero es suficiente para algunas modificaciones. Ten en cuenta que, en dispositivos bloqueados, este m\u00e9todo podr\u00eda estar deshabilitado o inoperante si el administrador ha endurecido a\u00fan m\u00e1s las restricciones.<\/p>\n Sinceramente, es un poco frustrante c\u00f3mo algunos entornos bloquean las funciones b\u00e1sicas para desarrolladores web, pero existen soluciones alternativas. Solo hay que explorar estas opciones a fondo y, a veces, probar y equivocarse un poco. Si intentas evitar las restricciones, recuerda: la precauci\u00f3n es fundamental, especialmente en entornos administrados. Aun as\u00ed, para uso personal, estos trucos pueden ahorrarte muchos dolores de cabeza cuando solo quieras echar un vistazo a la informaci\u00f3n.<\/p>\n","protected":false},"excerpt":{"rendered":" Inspeccionar elementos en una Chromebook es una herramienta muy \u00fatil para explorar el c\u00f3digo frontend de un sitio web (HTML, CSS e incluso algo de JavaScript).Es principalmente \u00fatil para depurar o realizar ajustes curiosos, pero recuerda que estos cambios son solo temporales. Recarga la p\u00e1gina y todo volver\u00e1 a la normalidad. Pru\u00e9balo si est\u00e1s experimentando […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-10642","post","type-post","status-publish","format-standard","hentry","category-how-to"],"acf":[],"_links":{"self":[{"href":"https:\/\/howtogeek.blog\/es\/wp-json\/wp\/v2\/posts\/10642","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/howtogeek.blog\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/howtogeek.blog\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/howtogeek.blog\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/howtogeek.blog\/es\/wp-json\/wp\/v2\/comments?post=10642"}],"version-history":[{"count":1,"href":"https:\/\/howtogeek.blog\/es\/wp-json\/wp\/v2\/posts\/10642\/revisions"}],"predecessor-version":[{"id":10643,"href":"https:\/\/howtogeek.blog\/es\/wp-json\/wp\/v2\/posts\/10642\/revisions\/10643"}],"wp:attachment":[{"href":"https:\/\/howtogeek.blog\/es\/wp-json\/wp\/v2\/media?parent=10642"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/howtogeek.blog\/es\/wp-json\/wp\/v2\/categories?post=10642"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/howtogeek.blog\/es\/wp-json\/wp\/v2\/tags?post=10642"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Uso de teclas de acceso directo<\/h3>\n
Uso del men\u00fa de Chrome<\/h3>\n
Desbloqueo de herramientas para desarrolladores o trucos m\u00e1s avanzados<\/h3>\n
javascript:document.body.contentEditable='true'; document.designMode='on'; void 0<\/code><\/pre>\n