¿Alguien aquí tiene experiencia con / en el desarrollo de extensiones de IE que puedan compartir sus conocimientos? Esto incluiría ejemplos de código, o enlaces a buenos, o documentación sobre el proceso, o cualquier cosa.
Realmente quiero hacer esto, pero estoy golpeando una pared gigante con documentación pésima, código pésimo / código de ejemplo / falta de ella. Cualquier ayuda / recursos que pueda ofrecer sería muy apreciada.
Específicamente, me gustaría comenzar con cómo obtener acceso / manipular el DOM desde una extensión de IE.
EDITAR, aún más detalles:
Idealmente, me gustaría plantar un botón de barra de herramientas que, cuando se hace clic, aparece un menú que contiene enlaces a sitios externos. También me gustaría acceder al DOM y JavaScript de planta en la página, dependiendo de algunas condiciones.
¿Cuál es la mejor manera de conservar la información en una extensión de IE? En Firefox / Chrome / La mayoría de los navegadores modernos, usted usa window.localStorage
, pero obviamente con IE8 / IE7, esa no es una opción. Tal vez una base de datos SQLite o tal? ¿Está bien suponer que .NET 4.0 se instalará en la computadora de un usuario?
No quiero usar Spice IE, ya que también quiero construir uno que sea compatible con IE9. También agregué la etiqueta C ++ a esta pregunta, porque si es mejor construir una en C ++, puedo hacerlo.
Respuestas:
[ACTUALIZACIÓN] Estoy actualizando esta respuesta para que funcione con Internet Explorer 11 , en Windows 10 x64 con Visual Studio 2017 Community . La versión anterior de esta respuesta (para Internet Explorer 8, en Windows 7 x64 y Visual Studio 2010) se encuentra al final de esta respuesta.
Crear un complemento de Internet Explorer 11 que funcione
Estoy usando Visual Studio 2017 Community , C # , .Net Framework 4.6.1 , por lo que algunos de estos pasos pueden ser ligeramente diferentes para usted.
Debe abrir Visual Studio como administrador para compilar la solución, de modo que el script posterior a la compilación pueda registrar el BHO (necesita acceso al registro).
Comience creando una biblioteca de clases. Llamé a la mía InternetExplorerExtension .
Agregue estas referencias al proyecto:
"Microsoft Internet Controls"
"Microsoft.mshtml"
Nota: De alguna manera, MSHTML no estaba registrado en mi sistema, aunque pude encontrarlo en la ventana Agregar referencia. Esto causó un error al construir:
La solución se puede encontrar en http://techninotes.blogspot.com/2016/08/fixing-cannot-find-wrapper-assembly-for.html O, puede ejecutar este script por lotes:
Crea los siguientes archivos:
IEAddon.cs
Interop.cs
y finalmente un formulario, que usaremos para configurar las opciones. De esta forma, coloque un
TextBox
y un OkButton
. Establezca el DialogResult del botón en Ok . Coloque este código en el código del formulario:En las propiedades del proyecto, haga lo siguiente:
C:\Program Files (x86)\Internet Explorer\iexplore.exe
http://msdn.microsoft.com/en-us/library/ms976373.aspx#bho_getintouch
En la pestaña Eventos de compilación, establezca la línea de comando de eventos posteriores a la compilación en:
Atención: aunque mi computadora es x64, utilicé la ruta de la no x64
gacutil.exe
y funcionó ... la específica para x64 está en:IE de 64 bits Necesita BHO compilado de 64 bits y registrado de 64 bits. Aunque solo pude depurar usando 32 bits de IE11, la extensión registrada de 32 bits también funcionó ejecutando 64 bits de IE11.
Esta respuesta parece tener información adicional sobre esto: https://stackoverflow.com/a/23004613/195417
Si lo necesita, puede usar el regasmo de 64 bits:
Cómo funciona este complemento
No cambié el comportamiento del complemento ... eche un vistazo a la sección IE8 a continuación para obtener una descripción.
## Respuesta anterior para IE8
Hombre ... ¡esto ha sido mucho trabajo! Tenía tanta curiosidad acerca de cómo hacer esto, que lo hice yo mismo.
Primero que nada ... el crédito no es todo mío. Esta es una compilación de lo que encontré en estos sitios:
Y, por supuesto, quería que mi respuesta tuviera las características que me pediste:
Lo describiré paso a paso, cómo logré hacerlo trabajando con Internet Explorer 8 , en Windows 7 x64 ... tenga en cuenta que no pude probar en otras configuraciones. Espero que entiendas =)
Crear un complemento de Internet Explorer 8 que funcione
Estoy usando Visual Studio 2010 , C # 4 , .Net Framework 4 , por lo que algunos de estos pasos pueden ser ligeramente diferentes para usted.
Creó una biblioteca de clase. Llamé a la mía InternetExplorerExtension .
Agregue estas referencias al proyecto:
Nota: Estas referencias pueden estar en diferentes lugares en cada computadora.
esto es lo que contiene mi sección de referencias en csproj:
Cree los archivos de la misma manera que los archivos IE11 actualizados.
IEAddon.cs
Puede descomentar las siguientes líneas de la versión IE11:
Interop.cs
Igual que la versión IE11.
y finalmente un formulario, que usaremos para configurar las opciones. De esta forma, coloque un
TextBox
y un OkButton
. Establezca el DialogResult del botón en Ok . El código es el mismo para el complemento IE11.En las propiedades del proyecto, haga lo siguiente:
C:\Program Files (x86)\Internet Explorer\iexplore.exe
http://msdn.microsoft.com/en-us/library/ms976373.aspx#bho_getintouch
En la pestaña Eventos de compilación, establezca la línea de comando de eventos posteriores a la compilación en:
Atención: como mi computadora es x64, hay una x64 específica dentro de la ruta del ejecutable gacutil en mi máquina que puede ser diferente en la suya.
IE de 64 bits Necesita BHO compilado de 64 bits y registrado de 64 bits. Utilice 64 bits RegAsm.exe (generalmente vive en C: \ Windows \ Microsoft.NET \ Framework64 \ v4.0.30319 \ RegAsm.exe)
Cómo funciona este complemento
Atraviesa todo el árbol DOM, reemplazando el texto, configurado usando el botón, solo con un fondo amarillo. Si hace clic en los textos amarillentos, llama a una función de JavaScript que se insertó en la página dinámicamente. ¡La palabra predeterminada es 'navegador', por lo que coincide con muchos de ellos! EDITAR: después de cambiar la cadena a resaltar, debe hacer clic en el cuadro URL y presionar Enter ... F5 no funcionará, creo que es porque F5 se considera como 'navegación', y requeriría escuchar el evento de navegación (tal vez). Trataré de arreglar eso más tarde.
Ahora es hora de irnos. Estoy muy cansado. Siéntase libre de hacer preguntas ... es posible que no pueda responder ya que me voy de viaje ... en 3 días estoy de regreso, pero intentaré venir aquí mientras tanto.
fuente
$(TargetDir)$(TargetFileName)
usar"$(TargetDir)$(TargetFileName)"
2. Si usa Visual Studio 2010 Express, probablemente (lo haga) no vea la opción Iniciar programa externo en la pestaña Depurar - I simplemente ejecute IE y navegue a la URL provista 3. Parece que no funciona en IE9 : puedo abrir el formulario (opciones de resaltador) pero no sé cómo hacer que resalte el textoOtro enfoque genial sería revisar:
http://www.crossrider.org
Es un marco basado en JS con jquery que le permite desarrollar extensiones de navegadores para IE, FF y Chrome utilizando un único código JS común. Básicamente, el marco hace todo el trabajo desagradable y te queda escribir tu código de aplicaciones.
fuente
El estado de las extensiones de IE es bastante triste. Tienes el antiguo modelo de IE5 Browser Helper Object (sí, esos BHO infames que a todos les gustaba bloquear en el día), barras de herramientas y los nuevos aceleradores para IE. Incluso entonces, la compatibilidad se romperá a veces. Solía mantener una extensión para IE6 que rompió con IE7, por lo que hay algunas cosas que han cambiado. En su mayor parte, hasta donde yo sé (no he tocado BHO en años) todavía necesita codificarlos usando Active Template Libraries (algo así como un STL para COM de Microsoft) y, como tal, es solo para C ++. Podría hacer COM Interop con C # y salirse con la suya en C #, pero probablemente será demasiado difícil para lo que vale. De todas formas,
http://msdn.microsoft.com/en-us/library/aa753587(v=vs.85).aspx
Y para los aceleradores que son nuevos en IE8, puede verificar este.
http://msdn.microsoft.com/en-us/library/cc289775(v=vs.85).aspx
Estoy de acuerdo en que la documentación es terrible, y las API están bastante desactualizadas. Aún así espero que esto ayude.
EDITAR: Creo que puedo arrojar una última fuente de información aquí. Estaba mirando mis notas de atrás cuando estaba trabajando en BHO. Y este es el artículo que me ayudó a comenzar con ellos. Es un poco viejo, pero tiene una buena explicación de las interfaces ATL que usará cuando trabaje con IE BHO (IObjectWithSite, por ejemplo). Creo que está bastante bien explicado y me ayudó mucho en ese entonces. http://msdn.microsoft.com/en-us/library/bb250436.aspx También verifiqué el ejemplo que GregC publicó. Funciona con al menos IE8, y es compatible con VS 2010, por lo que si desea hacer C # puede comenzar allí y echar un vistazo al Libro de Jon Skeet. (C # in Depth 2nd edition) El Capítulo 13 tiene una buena cantidad de información sobre las nuevas funciones en C # 4 que puede usar para hacer que la interacción con COM sea más agradable. (Todavía te recomendaría hacer tu complemento en C ++)
fuente
Desarrollar C # BHOs es un dolor de cabeza. Implica una gran cantidad de código COM repugnante y llamadas p / invoke.
Tengo un C # BHO en su mayoría terminado aquí , que puede usar libremente la fuente para lo que quiera. Digo "principalmente" , porque nunca descubrí cómo guardar datos de aplicación en el Modo protegido de IE .
fuente
Llevo años trabajando con el control de navegador web de IE y, a lo largo de ellos, aparece un nombre una y otra vez con publicaciones útiles: Igor Tandetnik
Si estuviera desarrollando una extensión, apuntaría a un BHO y comenzaría a buscar en Google:
BHO Igor Tandetnik
O
Navegador Ayudante Objeto Igor Tandetnik
Sus publicaciones son a menudo muy detalladas, y él sabe de lo que está hablando.
Te encontrarás hasta tus oídos en la programación de COM y ATL. Para ver un tutorial de muestra, consulte: http://msdn.microsoft.com/en-us/library/ms976373.aspx
fuente
Estoy de acuerdo con Robert Harvey, C # 4.0 presenta interoperabilidad COM mejorada. Aquí hay un poco de código C # anterior, que necesita desesperadamente una reescritura.
http://www.codeproject.com/KB/cs/Attach_BHO_with_C_.aspx
Este es un intento de simplificar las cosas evitando ATL y optando por Spartan COM:
C ++ y COM para poner en marcha los BHO
fuente
Si no está intentando reinventar la rueda, puede probar Add In Express para IE . He usado el producto para el material VSTO , y es bastante bueno. También tienen un foro útil y soporte rápido.
fuente
Obviamente está resuelto, pero para los demás usuarios, recomendaría el framework SpicIE . He hecho mi propia extensión basada en ella. Solo es compatible oficialmente con Internet Explorer 7/8, pero lo probé en Internet Explorer 6-10 (desde Windows XP hasta Windows 8 Consumer Preview) y funciona bien . Desafortunadamente, hubo algunos errores en la última versión, por lo que tuve que corregirlos e hice mi propia versión: http://archive.msdn.microsoft.com/SpicIE/Thread/View.aspx?ThreadId=5251
fuente
¡Te sugiero calurosamente esta publicación de Pavel Zolnikov publicada en 2002!
http://www.codeproject.com/Articles/2219/Extending-Explorer-with-Band-Objects-using-NET-and
Se basa en el uso de objetos Band y se compila utilizando .Net 2.0. El código fuente se proporciona y se abre y se compila bien con Visual Studio 2013. Como leerá en los comentarios de la publicación, funciona perfectamente bien para IE 11 y Windows 7 y Windows 10. Me funcionó perfectamente bien en Windows 7 + SP1 e IE 11 ¡Disfruta!
fuente
La pregunta es de 2013, ahora es 2020, pero puede ser útil para futuros visitantes.
Traté de implementar la respuesta de @Miguel Angelo, no funcionó al principio.
Todavía hay algunas configuraciones que se definirán.
en Internet Explorer (estoy usando IE-11) vaya a
Tools-->Internet Options-->Advanced
:También vea esta pregunta SO y este ejemplo de github
fuente
fuente