SlideShare una empresa de Scribd logo
1 de 3
Descargar para leer sin conexión
11/07/2011




                                                                          Control Web Browser

                                                                   Basado en la versión Silverlight para escritorio
                                                                   Usos comunes
                                                                     Mostrar contenido web de la red
                                                                     Mostrar contenido web estático
                                                                     Mostrar contenido web generado dinámicamente en la
                                                                      aplicación
                                                                   Ejecución de scripts
                                                                     IsScriptEnabled = true
                                                                   Recuperación de cookies de un sitio web
                                                                     GetCookies(WebBrowser)




       Seguridad y buenas prácticas                                       Seguridad y buenas prácticas

 NavigateToString(String) no tiene restricciones de               No permite ver URLs con el icono de seguridad
  sitios cruzados. El contenido cargado de la web sí.              No se puede navegar desde páginas https a http.
     Tener cuidado al cargar contenido que no sea de confianza
                                                                   No permite compartir cookies de la aplicación con
 El control WebBrowser no debería utilizarse como                  Internet Explorer Mobile.
  navegador de propósito general, la API no aporta toda            Ejecución de scripts deshabilitada por defecto
  la seguridad necesaria.
                                                                     IsScriptEnabled = true




                                                                                                                                   1
11/07/2011




             Diferencias WebBrowser de                                             Cómo mostrar contenido web de la
             escritorio y Windows Phone                                            red
                                                                            En XAML
                                                                              <phone:WebBrowser Source="http://www.bing.com" />
Acceso a
almacenamiento aislado                                                      En código
                                                                              webBrowser1.Source = new Uri("http://www.bing.com",
Muestra HTML                                                                   UriKind.Absolute);
Permite navegación en
                                                                              webBrowser1.Navigate(new Uri("http://www.bing.com",
el sitio                                                                       UriKind.Absolute));
                         (al hacer clic en un enlace no se
                         cambia la página que se muestra
                                                                            Al realizar una llamada a un método de webBrowser,
                                   en el control)                            se lanza la excepción InvalidOperationException si el
Control HtmlBrush                                                            control no está aún en el árbol visual.
Controles ActiveX                                                             Realizar la llamada en el método Loaded del control.




             Cómo mostrar contenido web                                            Cómo mostrar contenido web
             estático                                                              generado dinámicamente
    Se puede mostrar contenido web estático                                Se puede mostrar contenido web generado
     almacenado, por ejemplo, en el almacenamiento                           dinámicamente utilizando NavigateToString(String)
     aislado.
    Carga de contenido estático                                             webBrowser1.Loaded += WebBrowser_OnLoaded;
       Si readme.htm es un fichero almacenado en el                         private void WebBrowser_OnLoaded(object sender,
        almacenamiento aislado de la aplicación                              RoutedEventArgs e)
                                                                              {
      webBrowser1.Loaded += WebBrowser_OnLoaded;                               webBrowser1.NavigateToString("<html><head><meta
      private void WebBrowser_OnLoaded(object sender, RoutedEventArgs e)     name='viewport' content='width=480, user-scalable=yes'
      {                                                                      /></head><body>HTML Text</body></html>");
          webBrowser1.Navigate(new Uri("readme.htm", UriKind.Relative));      }
      }




                                                                                                                                              2
11/07/2011




           Modificar el zoom del WebBrowser                                             Modificar el zoom del WebBrowser

 Los últimos navegadores móviles utilizan la etiqueta                           Añadir la meta etiqueta en la cabecera con
  Viewport                                                                        NavigateToString(String)
    Indica cómo se distribuye el contenido de una página                          Windows Phone 7 establece un valor de 320 si se selecciona
                                                                                    “device-width” y hace zoom para adaptar el contenido al ancho
width            Ancho en píxeles de 320 a 10000.
                 “device-width” lo ajusta de forma automática.
                                                                                    especificado si se rota la pantalla.
height           Altura en píxeles de 480 a 10000.
                 “device-height” lo ajusta de forma automática.                   <html><head>
user-scalable    Indica si el usuario puede hacer zoom. Valores “yes” o “no”.
                                                                                   <meta name='Viewport' content='width=320;
initial-scale    Escala inicial de 0.1 a 10.0.
                                                                                  initial-scale=10.0'/>
minimum-scale    Escala mínima permitida de 0.1 a 10.0.                            </head></html>
maximum-scale    Escala máxima permitida de 0.1 a 10.0.




           Recursos

 Centro de desarrollo de WP7 en MSDN
http://msdn.microsoft.com/es-es/windowsphone/default.aspx

 AppHub
http://create.msdn.com/

 Windows Phone Developer Blog
http://windowsteamblog.com/windows_phone/b/wpdev
 MobileNUG
http://www.mobilenug.es

 Forums
http://forums.create.msdn.com/forums/




                                                                                                                                                    3

Más contenido relacionado

Destacado

Modulo18 Giroscopo
Modulo18 GiroscopoModulo18 Giroscopo
Modulo18 GiroscopoEduardo
 
Modulo19 Localización
Modulo19 LocalizaciónModulo19 Localización
Modulo19 LocalizaciónEduardo
 
Modulo17 Brujula
Modulo17 BrujulaModulo17 Brujula
Modulo17 BrujulaEduardo
 
Reportes y graficos en .net
Reportes y graficos en .net Reportes y graficos en .net
Reportes y graficos en .net Juan Villena
 
Sistema para el control de ventas e inventarios
Sistema para el control de ventas e inventariosSistema para el control de ventas e inventarios
Sistema para el control de ventas e inventariosAidil Sanchez
 
Diferentes sistemas de ventas
Diferentes sistemas de ventasDiferentes sistemas de ventas
Diferentes sistemas de ventasnuria229
 
SISTEMA DE FACTURACION (Ejemplo desarrollado)
SISTEMA DE FACTURACION (Ejemplo desarrollado)SISTEMA DE FACTURACION (Ejemplo desarrollado)
SISTEMA DE FACTURACION (Ejemplo desarrollado)Darwin Durand
 

Destacado (8)

Modulo18 Giroscopo
Modulo18 GiroscopoModulo18 Giroscopo
Modulo18 Giroscopo
 
Modulo19 Localización
Modulo19 LocalizaciónModulo19 Localización
Modulo19 Localización
 
Modulo17 Brujula
Modulo17 BrujulaModulo17 Brujula
Modulo17 Brujula
 
Reportes estadiscos visual studio 2010
Reportes estadiscos visual studio 2010Reportes estadiscos visual studio 2010
Reportes estadiscos visual studio 2010
 
Reportes y graficos en .net
Reportes y graficos en .net Reportes y graficos en .net
Reportes y graficos en .net
 
Sistema para el control de ventas e inventarios
Sistema para el control de ventas e inventariosSistema para el control de ventas e inventarios
Sistema para el control de ventas e inventarios
 
Diferentes sistemas de ventas
Diferentes sistemas de ventasDiferentes sistemas de ventas
Diferentes sistemas de ventas
 
SISTEMA DE FACTURACION (Ejemplo desarrollado)
SISTEMA DE FACTURACION (Ejemplo desarrollado)SISTEMA DE FACTURACION (Ejemplo desarrollado)
SISTEMA DE FACTURACION (Ejemplo desarrollado)
 

Similar a ControlWebBrowserSilverlightWP7 (20)

Publicación de contenidos en Web
Publicación de contenidos en Web Publicación de contenidos en Web
Publicación de contenidos en Web
 
Que es la web
Que es la webQue es la web
Que es la web
 
Web
WebWeb
Web
 
Hanny y angy
Hanny y angyHanny y angy
Hanny y angy
 
Pablo
PabloPablo
Pablo
 
Web
WebWeb
Web
 
Ajax
AjaxAjax
Ajax
 
Clase 6
Clase 6Clase 6
Clase 6
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Publicacion de contenidos en la web
Publicacion de contenidos en la webPublicacion de contenidos en la web
Publicacion de contenidos en la web
 
Html5 - El futuro de la web
Html5 - El futuro de la webHtml5 - El futuro de la web
Html5 - El futuro de la web
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Jquery
JqueryJquery
Jquery
 
Web 2.0 eduardo
Web 2.0 eduardoWeb 2.0 eduardo
Web 2.0 eduardo
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Introduccion a j query
Introduccion a j queryIntroduccion a j query
Introduccion a j query
 
En inglés website o web site
En inglés website o web siteEn inglés website o web site
En inglés website o web site
 
Charla ie
Charla ieCharla ie
Charla ie
 
Estandares de diseño web
Estandares de diseño webEstandares de diseño web
Estandares de diseño web
 
unidad 2
unidad 2unidad 2
unidad 2
 

Más de Eduardo

Modulo14 Notificaciones
Modulo14 NotificacionesModulo14 Notificaciones
Modulo14 NotificacionesEduardo
 
Modulo13 Web Services
Modulo13 Web ServicesModulo13 Web Services
Modulo13 Web ServicesEduardo
 
Modulo12 Network Information
Modulo12 Network InformationModulo12 Network Information
Modulo12 Network InformationEduardo
 
Modulo11 Pim
Modulo11 PimModulo11 Pim
Modulo11 PimEduardo
 
Modulo10 Background Audio
Modulo10 Background AudioModulo10 Background Audio
Modulo10 Background AudioEduardo
 
Modulo9 Background Agents
Modulo9 Background AgentsModulo9 Background Agents
Modulo9 Background AgentsEduardo
 
Modulo8 Servicio De Notificaciones
Modulo8 Servicio De NotificacionesModulo8 Servicio De Notificaciones
Modulo8 Servicio De NotificacionesEduardo
 
Modulo7 Bases de Datos
Modulo7 Bases de DatosModulo7 Bases de Datos
Modulo7 Bases de DatosEduardo
 
Modulo4 Indicadores De Progreso
Modulo4 Indicadores De ProgresoModulo4 Indicadores De Progreso
Modulo4 Indicadores De ProgresoEduardo
 
Modulo3 Launchers&amp;Choosers
Modulo3 Launchers&amp;ChoosersModulo3 Launchers&amp;Choosers
Modulo3 Launchers&amp;ChoosersEduardo
 
Modulo 2 Modelo Ejecucion
Modulo 2 Modelo EjecucionModulo 2 Modelo Ejecucion
Modulo 2 Modelo EjecucionEduardo
 
Modulo1 Herramientas De Desarrollo Wp7 1
Modulo1 Herramientas De Desarrollo Wp7 1Modulo1 Herramientas De Desarrollo Wp7 1
Modulo1 Herramientas De Desarrollo Wp7 1Eduardo
 

Más de Eduardo (12)

Modulo14 Notificaciones
Modulo14 NotificacionesModulo14 Notificaciones
Modulo14 Notificaciones
 
Modulo13 Web Services
Modulo13 Web ServicesModulo13 Web Services
Modulo13 Web Services
 
Modulo12 Network Information
Modulo12 Network InformationModulo12 Network Information
Modulo12 Network Information
 
Modulo11 Pim
Modulo11 PimModulo11 Pim
Modulo11 Pim
 
Modulo10 Background Audio
Modulo10 Background AudioModulo10 Background Audio
Modulo10 Background Audio
 
Modulo9 Background Agents
Modulo9 Background AgentsModulo9 Background Agents
Modulo9 Background Agents
 
Modulo8 Servicio De Notificaciones
Modulo8 Servicio De NotificacionesModulo8 Servicio De Notificaciones
Modulo8 Servicio De Notificaciones
 
Modulo7 Bases de Datos
Modulo7 Bases de DatosModulo7 Bases de Datos
Modulo7 Bases de Datos
 
Modulo4 Indicadores De Progreso
Modulo4 Indicadores De ProgresoModulo4 Indicadores De Progreso
Modulo4 Indicadores De Progreso
 
Modulo3 Launchers&amp;Choosers
Modulo3 Launchers&amp;ChoosersModulo3 Launchers&amp;Choosers
Modulo3 Launchers&amp;Choosers
 
Modulo 2 Modelo Ejecucion
Modulo 2 Modelo EjecucionModulo 2 Modelo Ejecucion
Modulo 2 Modelo Ejecucion
 
Modulo1 Herramientas De Desarrollo Wp7 1
Modulo1 Herramientas De Desarrollo Wp7 1Modulo1 Herramientas De Desarrollo Wp7 1
Modulo1 Herramientas De Desarrollo Wp7 1
 

ControlWebBrowserSilverlightWP7

  • 1. 11/07/2011 Control Web Browser  Basado en la versión Silverlight para escritorio  Usos comunes  Mostrar contenido web de la red  Mostrar contenido web estático  Mostrar contenido web generado dinámicamente en la aplicación  Ejecución de scripts  IsScriptEnabled = true  Recuperación de cookies de un sitio web  GetCookies(WebBrowser) Seguridad y buenas prácticas Seguridad y buenas prácticas  NavigateToString(String) no tiene restricciones de  No permite ver URLs con el icono de seguridad sitios cruzados. El contenido cargado de la web sí.  No se puede navegar desde páginas https a http.  Tener cuidado al cargar contenido que no sea de confianza  No permite compartir cookies de la aplicación con  El control WebBrowser no debería utilizarse como Internet Explorer Mobile. navegador de propósito general, la API no aporta toda  Ejecución de scripts deshabilitada por defecto la seguridad necesaria.  IsScriptEnabled = true 1
  • 2. 11/07/2011 Diferencias WebBrowser de Cómo mostrar contenido web de la escritorio y Windows Phone red  En XAML  <phone:WebBrowser Source="http://www.bing.com" /> Acceso a almacenamiento aislado  En código  webBrowser1.Source = new Uri("http://www.bing.com", Muestra HTML UriKind.Absolute); Permite navegación en  webBrowser1.Navigate(new Uri("http://www.bing.com", el sitio UriKind.Absolute)); (al hacer clic en un enlace no se cambia la página que se muestra  Al realizar una llamada a un método de webBrowser, en el control) se lanza la excepción InvalidOperationException si el Control HtmlBrush control no está aún en el árbol visual. Controles ActiveX  Realizar la llamada en el método Loaded del control. Cómo mostrar contenido web Cómo mostrar contenido web estático generado dinámicamente  Se puede mostrar contenido web estático  Se puede mostrar contenido web generado almacenado, por ejemplo, en el almacenamiento dinámicamente utilizando NavigateToString(String) aislado.  Carga de contenido estático webBrowser1.Loaded += WebBrowser_OnLoaded;  Si readme.htm es un fichero almacenado en el private void WebBrowser_OnLoaded(object sender, almacenamiento aislado de la aplicación RoutedEventArgs e) { webBrowser1.Loaded += WebBrowser_OnLoaded; webBrowser1.NavigateToString("<html><head><meta private void WebBrowser_OnLoaded(object sender, RoutedEventArgs e) name='viewport' content='width=480, user-scalable=yes' { /></head><body>HTML Text</body></html>"); webBrowser1.Navigate(new Uri("readme.htm", UriKind.Relative)); } } 2
  • 3. 11/07/2011 Modificar el zoom del WebBrowser Modificar el zoom del WebBrowser  Los últimos navegadores móviles utilizan la etiqueta  Añadir la meta etiqueta en la cabecera con Viewport NavigateToString(String)  Indica cómo se distribuye el contenido de una página  Windows Phone 7 establece un valor de 320 si se selecciona “device-width” y hace zoom para adaptar el contenido al ancho width Ancho en píxeles de 320 a 10000. “device-width” lo ajusta de forma automática. especificado si se rota la pantalla. height Altura en píxeles de 480 a 10000. “device-height” lo ajusta de forma automática. <html><head> user-scalable Indica si el usuario puede hacer zoom. Valores “yes” o “no”. <meta name='Viewport' content='width=320; initial-scale Escala inicial de 0.1 a 10.0. initial-scale=10.0'/> minimum-scale Escala mínima permitida de 0.1 a 10.0. </head></html> maximum-scale Escala máxima permitida de 0.1 a 10.0. Recursos  Centro de desarrollo de WP7 en MSDN http://msdn.microsoft.com/es-es/windowsphone/default.aspx  AppHub http://create.msdn.com/  Windows Phone Developer Blog http://windowsteamblog.com/windows_phone/b/wpdev  MobileNUG http://www.mobilenug.es  Forums http://forums.create.msdn.com/forums/ 3