bookmarklet: css+js externos en una lista linkable
hola,
acabo de crear mi segundo bookmarklet ;)
POR QUE
como visito bastantes webs al dia y muchas veces quiero ver el contenido de los archivos CSS y JS externos era un rollo tener que ir abriendo el source, copiar la ruta, abrir otro tab, pegar la ruta, etc etc.
QUE HACE
abrir un popup y mostrar en una lista (o varias segun la pagina sea un frame o una pagina normal) los enlaces a los css y js externos, y a los archivos flash. como he añadido la barra de navegacion con los botones, podeis abrir un archivo y volver atras cuando querais. En mozilla es perfecto para mi gusto porque lo muestra en el mismo popup, en IE os pide que os bajeis el archivo, pero lo abre en vuestro editor de codigo favorito.
COMO SE USA
Podeis probarlo añadiendo este javascript dentro de favoritos (lo corto aqui por motivos de tabla, pero va todo en una linea y sin espacios):
javascript:scScript=document.createElement('script'); scScript.src='http://meddle.dzygn.com/bookmarklets/stybeh.js';
scScript.type='text/javascript';
void(document.getElementsByTagName('head')[0].appendChild(scScript));
Bueno, a ver si os mola. Ah, tambien tengo otro, para generar un arbol de nodos
EDIT: añadidos tambien enlaces a archivos flash (idea robada literalmente de XrV en este post)
zigotica
acabo de descubrir que el script se rompe bajo ciertas circunstancias... en paginas que usan frames, si los frames llaman a documentos de otro dominio javascript no deja leer su href (y ahi se rompe el tema porque no puedo hacer ni un puto if). Entiendo que por motivos de seguridad no me deje modificar el href... ¿pero que no me deje leerlo?
zigotica
gracies :)
xrv
weno, pues a la primera me ha rulado...
sergi, mola cacho XD
zigotica
os lo he puesto más fácil, solo teneis que ir ahi:
http://meddle.dzygn.com/weblog/bookmarklet.css.js.externos/
y guardar el enlace en favoritos, deberia ser automatico.
kkt si con eso sigues teniendo problemas me avisas.
zigotica
¿salta algun mensaje de error? ¿has abierto la consola de javascript? ¿que te dice? etc etc, mas detalles plis :)
cbp
jeje, ya funciona, qué bueno Sergi !!! :D
kokito, copia las líneas una a una y asegúrate que están todas, que era lo que me fallaba a mí
kokito
Utilizo el firefox version 0.9.2.
Y acabo de comprobar los espacios y esta todo bien.
kkt.
jescortes
Kokito, yo tampoco lo veia, y resulta que habia copiado algún espacio de más al final de una de las lineas.
Ahora funciona genial, gracias Sergi!
Usuario desconocido
Para todos los fans de los Bookmarklets hay una pagina con toneladas de scripts semi-preparados, lo bueno estan clasificados entre IExplore, Mozilla y Opera
http://www.squarefree.com/bookmarklets/
...es que el verano esta para ir a la playa, piropear a las giris, tomarte un cuabatita en "el ultimo paraiso", ponerse moreno, comer una paella en el puerto, ir en barquito con el motor que hace chapi chapi.....y dejate de Scriptings!!!
zigotica
que navegador usas kokito?
xrv, ya lo se, pero no hay ninguno que te liste todos los css y js externos, creo ;)
kokito
Pues eso, todas seguidas, y nada.
kkt.
black
kokito
Pues eso mismo he hecho yo y a mi no me va.
Aparece esto:
<code>http://meddle.dzygn.com/bookmarklets/stybeh.js</code>
Has metido toda la linea que pone Sergi?
kkt.
Hay que poner las cuatro lineas en "location" todas seguidas...
black
kokito
Pues eso mismo he hecho yo y a mi no me va.
Aparece esto:
<code>http://meddle.dzygn.com/bookmarklets/stybeh.js</code>
Has metido toda la linea que pone Sergi?
kkt.
Hay que poner las cuatro lineas en "location" todas seguidas...
xrv
Para firefox hay un addon que permite no solo ver las CSS de las páginas sino que encima las puedes modificar (pa chulo el pirulo del firefox XD).
kokito
Pues eso mismo he hecho yo y a mi no me va.
Aparece esto:
<code>http://meddle.dzygn.com/bookmarklets/stybeh.js</code>
Has metido toda la linea que pone Sergi?
kkt.
black
cbp
pos debo de ser un gañán, pero no logro probarlo ¿ande dices que hay que incluirlo? lo he puesto tal cual, con lo de "javascript:" y todo en el campo location de los bookmarks :?
lo de marca.com tiene una explicación muy lógica: el responsable de la web es un paquete :P
En Mozilla o Firefox, abres "manage bookmarks" y creas un bookmark nuevo donde quieras. en el name pones algo descriptivo como "CSS + JS Meedle" (que es lo que he puesto yo para saber qué es) y en location pegas en script que ha pasado zigotica.
Funciona de la lexe! Gracias Sergi!
Usuario desconocido
Además, como está de vacaciones, nos podemos meter con él todo lo que queramos :D
cbp
pos debo de ser un gañán, pero no logro probarlo ¿ande dices que hay que incluirlo? lo he puesto tal cual, con lo de "javascript:" y todo en el campo location de los bookmarks :?
lo de marca.com tiene una explicación muy lógica: el responsable de la web es un paquete :P
zigotica
curioso, probando el script he visto que marca.com usa dos veces el mismo css "/estilos/posicionamiento.css" :mrgreen: