Créer son propre navigateur |Visual Basic |

  • Auteur de la discussion Auteur de la discussion Deleted170242
  • Créé le Créé le
Statut
N'est pas ouverte pour d'autres réponses.
D

Deleted170242

Bonjour,

Aujourd'hui nous allons voir comment créer son propre navigateur internet :D et donc pouvoir le personnaliser à sa façon ;)

Requis:
- Visual Basic
- Des icones

-------------------------------------------------------------
Création du disign

Créer une nouvelle forme et donné lui le nom de votre navigateur, j'ai choisi: DreamSky Web pour ma part ^^

1406485558-1.png


Ensuite, une fois la forme créer, ajouté le nom sur le projet en lui meme, en cliquant dans "text" en bas a droite, comme ci dessous:
1406485614-2.png


Il va maintenant falloir ajusté ce projet par rapport à la taille de votre écran, pour cela faite:
Clique droit -> Personnalisé -> Affichage -> Ajuster la resolution, cette manip vous permet de savoir votre résolution, d'écran.

1406485827-3.png


Donc la mienne: 1600x900 , je vais donc l’attribuer à mon projet.
Pour cela aller en bas a droite, et chercher "Size" il y aura surement "300;300" supprimer et mettre votre résolution comme ci dessous:

1406485949-4.png


Une fois ceci fait, la taille de votre projet est devenu celle que vous lui avez attribué

Maintenant il va vous falloir créer:
- 7 PictureBox de 25x25 px servirons de Boutons
- 1 PictureBox de 20x20 px servira de bouton
- 2 TextBox qui vous servirons de barre URL et Recherche

Les placer à votre guise dans votre projet et les personnalisé leurs icones ;)
Pour ma part je les ai installé comme ceci:

1406486517-78.png



Maintenant, ajouter une WebBrowser qui sera donc la page par default du navigateur. Page principal si vous préférez.
Un fois celle ci ajouté, selectionné la , et en bas à droite cliquer sur "Dock" et modifier le en "bottom"

1406487006-9.png

Ajouté au passage le lien de votre page par default, je conseil , pour cela ajouté le dans"URL"
1406486636-7.png

Voila, ajuster ce WebBrowser à la taille que vous souhaité et l'endroit que vous souhaité, pour ma part je l'ai agrandit, du bas jusqu'au blocs du haut comme ceci:

1406487205-10.png


-------------------------------------------------------------

Codages
Voila, une fois le disign fait,nous passerons au codes,
Pour cela, nous allons mettre les codes tel donné ci dessous ( bien sur avec vos images ):


1406487384-code-1.png
Boutton précédant: webbrowser1.goback
1406487387-code-2.png
Boutton suivant: webbrowser1.goforward
1406487544-code-3.png
Page d'accueil: WebBrowser1.GoHome
1406487638-code-4.png
Recherche (relié à la textbox n°2) : WebBrowser1.Navigate(" " & TextBox2.Text)
1406487766-code-6.png
Stop recherche: WebBrowser1.Stop
1406487825-code-7.png
Actualiser: WebBrowser1.Refresh
1406487861-code-8.png
Recherche (relié à la textbox n°1): WebBrowser1.Navigate(TextBox1.Text)



Voila une fois ceci terminé, vous pouvez cliquer sur testé et admirer votre création ;)

1406488014-naviateur.png


-------------------------------------------------------------
Bonus


Vous pouvez ajouter d'autre options à votre navigateur:

Boutton favori: WebBrowser1.Navigate("lien de la page favori")
ex: WebBrowser1.Navigate("www.reality-gaming.fr")


Message de téléchargement: message.Text = Message.Text + 'Début du téléchargement" + vbCrLf

Code d'un boutton "couper": Me.TextBox1.Cut

-------------------------------------------------------------

Pour les fainéants voici le codage en entier:

Code:
Public Class Form1

    Private Sub PictureBox2_Click(sender As Object, e As EventArgs) Handles PictureBox2.Click

    End Sub

    Private Sub PictureBox8_Click(sender As Object, e As EventArgs) Handles PictureBox8.Click
        WebBrowser1.Navigate("http://www.google.com/search?hl=fr&q=" & TextBox2.Text)

    End Sub

    Private Sub TextBox2_TextChanged(sender As Object, e As EventArgs) Handles TextBox2.TextChanged

    End Sub

    Private Sub PictureBox3_Click(sender As Object, e As EventArgs) Handles PictureBox3.Click
        WebBrowser1.Navigate(TextBox1.Text)
    End Sub

    Private Sub Form1_Load(sender As Object, e As EventArgs) Handles MyBase.Load

    End Sub

    Private Sub PictureBox1_Click(sender As Object, e As EventArgs) Handles PictureBox1.Click
        WebBrowser1.GoBack()

    End Sub

    Private Sub PictureBox6_Click(sender As Object, e As EventArgs) Handles PictureBox6.Click
        WebBrowser1.GoForward()
    End Sub

    Private Sub PictureBox5_Click(sender As Object, e As EventArgs) Handles PictureBox5.Click
        WebBrowser1.GoHome()

    End Sub

    Private Sub PictureBox7_Click(sender As Object, e As EventArgs) Handles PictureBox7.Click
        WebBrowser1.Stop()

    End Sub

    Private Sub PictureBox4_Click(sender As Object, e As EventArgs) Handles PictureBox4.Click
        WebBrowser1.Refresh()
    End Sub





    Private Sub TextBox1_TextChanged(sender As Object, e As EventArgs) Handles TextBox1.TextChanged

    End Sub

    Private Sub WebBrowser1_DocumentCompleted(sender As Object, e As WebBrowserDocumentCompletedEventArgs) Handles WebBrowser1.DocumentCompleted

    End Sub
End Class

Dites moi si il fonctionne en dehors de visual basic, car chez moi non :(
donc peut etre que
la recherche en ligne fonctionne depuis visual basic et non en dehors car il faudrais un code le connectant au web ^^

Topic 100% by me ;) environ 3heures de rédaction :p
 
Dernière édition par un modérateur:
Très bon tuto ! Félicitation et merci :love:
 
très belle rédaction :)
+ 1 like
 
Bonjour,

Aujourd'hui nous allons voir comment créer son propre navigateur internet :D et donc pouvoir le personnaliser à sa façon ;)

Requis:
- Visual Basic
- Des icones

-------------------------------------------------------------
Création du disign

Créer une nouvelle forme et donné lui le nom de votre navigateur, j'ai choisi: DreamSky Web pour ma part ^^

1406485558-1.png


Ensuite, une fois la forme créer, ajouté le nom sur le projet en lui meme, en cliquant dans "text" en bas a droite, comme ci dessous:
1406485614-2.png


Il va maintenant falloir ajusté ce projet par rapport à la taille de votre écran, pour cela faite:
Clique droit -> Personnalisé -> Affichage -> Ajuster la resolution, cette manip vous permet de savoir votre résolution, d'écran.

1406485827-3.png


Donc la mienne: 1600x900 , je vais donc l’attribuer à mon projet.
Pour cela aller en bas a droite, et chercher "Size" il y aura surement "300;300" supprimer et mettre votre résolution comme ci dessous:

1406485949-4.png


Une fois ceci fait, la taille de votre projet est devenu celle que vous lui avez attribué

Maintenant il va vous falloir créer:
- 7 PictureBox de 25x25 px servirons de Boutons
- 1 PictureBox de 20x20 px servira de bouton
- 2 TextBox qui vous servirons de barre URL et Recherche

Les placer à votre guise dans votre projet et les personnalisé leurs icones ;)
Pour ma part je les ai installé comme ceci:

1406486517-78.png



Maintenant, ajouter une WebBrowser qui sera donc la page par default du navigateur. Page principal si vous préférez.
Un fois celle ci ajouté, selectionné la , et en bas à droite cliquer sur "Dock" et modifier le en "bottom"

1406487006-9.png

Ajouté au passage le lien de votre page par default, je conseil , pour cela ajouté le dans"URL"
1406486636-7.png

Voila, ajuster ce WebBrowser à la taille que vous souhaité et l'endroit que vous souhaité, pour ma part je l'ai agrandit, du bas jusqu'au blocs du haut comme ceci:

1406487205-10.png


-------------------------------------------------------------

Codages
Voila, une fois le disign fait,nous passerons au codes,
Pour cela, nous allons mettre les codes tel donné ci dessous ( bien sur avec vos images ):


1406487384-code-1.png
Boutton précédant: webbrowser1.goback
1406487387-code-2.png
Boutton suivant: webbrowser1.goforward
1406487544-code-3.png
Page d'accueil: WebBrowser1.GoHome
1406487638-code-4.png
Recherche (relié à la textbox n°2) : WebBrowser1.Navigate(" " & TextBox2.Text)
1406487766-code-6.png
Stop recherche: WebBrowser1.Stop
1406487825-code-7.png
Actualiser: WebBrowser1.Refresh
1406487861-code-8.png
Recherche (relié à la textbox n°1): WebBrowser1.Navigate(TextBox1.Text)



Voila une fois ceci terminé, vous pouvez cliquer sur testé et admirer votre création ;)

1406488014-naviateur.png


-------------------------------------------------------------
Bonus


Vous pouvez ajouter d'autre options à votre navigateur:

Boutton favori: WebBrowser1.Navigate("lien de la page favori")
ex: WebBrowser1.Navigate("www.reality-gaming.fr")


Message de téléchargement: message.Text = Message.Text + 'Début du téléchargement" + vbCrLf

Code d'un boutton "couper": Me.TextBox1.Cut

-------------------------------------------------------------

Pour les fainéants voici le codage en entier:

Public Class Form1 Private Sub PictureBox2_Click(sender As Object, e As EventArgs) Handles PictureBox2.Click End Sub Private Sub PictureBox8_Click(sender As Object, e As EventArgs) Handles PictureBox8.Click WebBrowser1.Navigate(" " & TextBox2.Text) End Sub Private Sub TextBox2_TextChanged(sender As Object, e As EventArgs) Handles TextBox2.TextChanged End Sub Private Sub PictureBox3_Click(sender As Object, e As EventArgs) Handles PictureBox3.Click WebBrowser1.Navigate(TextBox1.Text) End Sub Private Sub Form1_Load(sender As Object, e As EventArgs) Handles MyBase.Load End Sub Private Sub PictureBox1_Click(sender As Object, e As EventArgs) Handles PictureBox1.Click WebBrowser1.GoBack() End Sub Private Sub PictureBox6_Click(sender As Object, e As EventArgs) Handles PictureBox6.Click WebBrowser1.GoForward() End Sub Private Sub PictureBox5_Click(sender As Object, e As EventArgs) Handles PictureBox5.Click WebBrowser1.GoHome() End Sub Private Sub PictureBox7_Click(sender As Object, e As EventArgs) Handles PictureBox7.Click WebBrowser1.Stop() End Sub Private Sub PictureBox4_Click(sender As Object, e As EventArgs) Handles PictureBox4.Click WebBrowser1.Refresh() End Sub Private Sub TextBox1_TextChanged(sender As Object, e As EventArgs) Handles TextBox1.TextChanged End Sub Private Sub WebBrowser1_DocumentCompleted(sender As Object, e As WebBrowserDocumentCompletedEventArgs) Handles WebBrowser1.DocumentCompleted End Sub End Class​


Topic 100% by me ;) environ 3heures de rédaction :p

Très bon tuto, Je like (y).
Je vais essayer cela de suite et je te dis ce que ça donne merci :)
 
Très bon tuto ! Félicitation et merci :love:
Ce tuto m'a l'air très bon mais n'ayant aucune connaissance en VB J'aimerais que tu m'explique quelque chose.

Comment ton browser arrive à se connecter au server ? Car je n'ai vu aucun code qui dit grossos merdo "requête http GET server xxx.xxx.xxx.xxx"

Car la on dirait un fenêtre vide il y a aucun code d'interprétation html de connection etc merci de m'éclairer
 
Ce tuto m'a l'air très bon mais n'ayant aucune connaissance en VB J'aimerais que tu m'explique quelque chose.

Comment ton browser arrive à se connecter au server ? Car je n'ai vu aucun code qui dit grossos merdo "requête http GET server xxx.xxx.xxx.xxx"

Car la on dirait un fenêtre vide il y a aucun code d'interprétation html de connection etc merci de m'éclairer
Il se connecte au browser depuis visual basic ;) en dehors je n'ai pas reussi etant donné que je suis pas un pro de vb ^^ mais sinon il fonctionne depuis visualbasic lui meme
 
Il se connecte au browser depuis visual basic ;) en dehors je n'ai pas reussi etant donné que je suis pas un pro de vb ^^ mais sinon il fonctionne depuis visualbasic lui meme
Ah d'accord donc c'est un élément de VB qui fait tout le travail c'est ça ?
 
Ah d'accord donc c'est un élément de VB qui fait tout le travail c'est ça ?
Au niveau de la connexion avec internet , tu l'as depuis visual basic, donc il sert de connection etant donné que je ne connait pas les coge pour avoir acces sans visual basic ;) je vais chercher, sinon il fonctionne sans visual basic mais il n'a pas la connection :/ mais sinon merci ;) je vais le preciser au topic
 
Merci mec (y)
 
Merci du tuto :) et le navigateur marche aussi en dehors de visual basic (d) dommage que les seul onglet qu'on peut mettre c'est les tabpage D:
 
Merci pour le tuto :ok:
 
Merci pour le tuto.
Je vais le faire ;)
 
Statut
N'est pas ouverte pour d'autres réponses.
Retour
Haut