Προς το περιεχόμενο

To Facebook links ανοίγουν στον browser αντί στην εφαρμογή.

manolis940

Από τον manolis940
στο Web Design - Development

 Share

Προτεινόμενες αναρτήσεις

manolis940 Mentor

manolis940

Δημοσ.
Δημοσ.

Καλησπέρα. Σε website θέλω να βάλω τον κλασικό σύνδεσμο προς το facebook και θα επιθυμούσα στις mobile συσκευές android και iOS να ανοίγει στο αντίστοιχο application( αν υπάρχει ).

Ωστόσο σε άλλα links όπως google maps και instagram δεν έχω κάνει κάτι ιδιαίτερο, με δοκιμές που έκανα σε android περιβάλλον άνοιγαν αυτόματα στην εφαρμογή. Το facebook επιμένει να ανοίγει την σελίδα στο προεπιλεγμένο browser

HTML: 

<head>
  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">

</head>

<body>
  <div class="fb">
  <a target="_blank" href="https://www.facebook.com/Alibaba.comGlobal/"><i class="fab fa-facebook-f"></i>    </a>
  </div>
</body>


CSS: 

body{
  background-color: #333;
}

.fb{
  position: relative;
  text-align: center;
  border: 5px solid #FFFBF2;
 
}
.fb i {
  display: block;
  padding: 20px;
}

.fb i:hover{
  background-color: #FFFBF2;
}

 

Συνδέστε για να σχολιάσετε
Κοινοποίηση σε άλλες σελίδες
vngls7 Rising Star

vngls7

Δημοσ.
Δημοσ. (επεξεργασμένο)

Το Facebook έχει κάποιες ιδιοτροπίες στο συγκεκριμένο κομμάτι. Τα links για android και iOS είναι διαφορετικά για να ανοίγουν in-app, άρα πρέπει να κάνεις 2 ελέγχους. 1 για το αν η συσκευή είναι mobile ή όχι και ένα για το αν είναι Android ή iOS. 

Λεπτομέρειες στο αγαπημένο Stackoverflow 

Επεξ/σία από vngls7
  • Like 1
Συνδέστε για να σχολιάσετε
Κοινοποίηση σε άλλες σελίδες
  • 3 μήνες μετά...
manolis940 Mentor

manolis940

Δημοσ.
  • Μέλος
Δημοσ. (επεξεργασμένο)

Το άφησα για καιρό το project, αλλά το έπιανα κατά διαστήματα. και είπα πριν γράψω κάτι, να το ψάξω κάπως παραπάνω. Πραγματικά δεν το περίμενα ότι θα ήταν τόσο challenging κάτι το οποίο χρησιμοποιείτε ευρέως την τελευταία δεκαετία. 

Μετά την παρότρηνση του @vngls7, έκανα αρκετό google search και πειραματισμό. Πρέπει πέραν απ' του να λάβουμε υπόψην το λειτουργικό σύστημα(Android, iOS κτλ), να ελέγξουμε αν υπάρχει και η εφαρμογή, καθώς ένα link τύπου fb://facewebmodal/f?href=********, θα καταλήξει σε κάποιο σφάλμα αν δεν υπάρχει εγκατεστημένη εφαρμογή.

Έτσι δίνοντας κυρίως βάση στα παρακάτω gist, έφτιαξα το δικό μου <<υβρίδιο>>
https://gist.github.com/sudarshann/ab3fdb922d3d068cfda6fc466e22c647
https://gist.github.com/ChaseFlorell/5119047

 

Edit: Πιθανών λόγο  bug δεν μπορώ να βάλω το index html. Συγνώμη αφήνω το υπόλοιπο μήνυμα σε εικόνες. Θα προσπαθήσω να το διορθώσω.

Edit2: Το πέταξα μέσα σε ένα jsFiddle. Αν βλέπετε αυτό το μήνυμα σημαίνει ότι τα κατάφερα :P

Θα αφήσω αναγκαστικά όλον τον κώδικα εκεί μέσα. Υποψην το jsfiddle νομίζω δεν επιτρέπει ανακατευθήνσεις. Αυτό σημαίνει ότι θα πρέπει να αντιγράψετε το project μάλλον στο PC σας. Τις δοκιμές τις έκανα με VS Code και το πρόσθετο Live Server. Άλλη λύση είναι το XAMMP.

https://jsfiddle.net/xd3fasuj/

Να πω εδώ ότι δεν έχω κάνει καμία δοκιμή σε iphone, ipad κτλ καθώς δεν έχω κάποιο και δεν έχω βρει και κάποιο emulator. Αν κάποιος μπορεί να το δοκιμάσει θα το εκτιμούσα.

Συμπέρασμα 1: Το παραπάνω ναι μπορεί να δούλεψε τις περισσότερες φορές αλλά κάτω από διάφορες συνθήκες( όπως μικρά σκαλωματάκια ) δεν έκανε καμία ενέργεια. Λογικό καθώς τέτοιες λύσεις είναι .... πρόχειρες.

Συμπέρασμα 2: Δεν είναι λίγες οι σελίδες όπως το insomnia για παράδειγμα που σε πάνε απλά στο web. Μήπως εν τέλει δεν είναι καλή πρακτική το παραπάνω; Θα ήθελα μερικές γνώμες πριν το βάλω πετάξω στα site των πελατών μου.

Επεξ/σία από manolis940
  • Thanks 1
Συνδέστε για να σχολιάσετε
Κοινοποίηση σε άλλες σελίδες
  • 4 εβδομάδες αργότερα...
prpantos Newbie

prpantos

Δημοσ.
Δημοσ.
Στις 7/2/2023 στις 10:59 ΠΜ, manolis940 είπε

Το άφησα για καιρό το project, αλλά το έπιανα κατά διαστήματα. και είπα πριν γράψω κάτι, να το ψάξω κάπως παραπάνω. Πραγματικά δεν το περίμενα ότι θα ήταν τόσο challenging κάτι το οποίο χρησιμοποιείτε ευρέως την τελευταία δεκαετία. 

Μετά την παρότρηνση του @vngls7, έκανα αρκετό google search και πειραματισμό. Πρέπει πέραν απ' του να λάβουμε υπόψην το λειτουργικό σύστημα(Android, iOS κτλ), να ελέγξουμε αν υπάρχει και η εφαρμογή, καθώς ένα link τύπου fb://facewebmodal/f?href=********, θα καταλήξει σε κάποιο σφάλμα αν δεν υπάρχει εγκατεστημένη εφαρμογή.

Έτσι δίνοντας κυρίως βάση στα παρακάτω gist, έφτιαξα το δικό μου <<υβρίδιο>>
https://gist.github.com/sudarshann/ab3fdb922d3d068cfda6fc466e22c647
https://gist.github.com/ChaseFlorell/5119047

 

Edit: Πιθανών λόγο  bug δεν μπορώ να βάλω το index html. Συγνώμη αφήνω το υπόλοιπο μήνυμα σε εικόνες. Θα προσπαθήσω να το διορθώσω.

Edit2: Το πέταξα μέσα σε ένα jsFiddle. Αν βλέπετε αυτό το μήνυμα σημαίνει ότι τα κατάφερα :P

Θα αφήσω αναγκαστικά όλον τον κώδικα εκεί μέσα. Υποψην το jsfiddle νομίζω δεν επιτρέπει ανακατευθήνσεις. Αυτό σημαίνει ότι θα πρέπει να αντιγράψετε το project μάλλον στο PC σας. Τις δοκιμές τις έκανα με VS Code και το πρόσθετο Live Server. Άλλη λύση είναι το XAMMP.

https://jsfiddle.net/xd3fasuj/

Να πω εδώ ότι δεν έχω κάνει καμία δοκιμή σε iphone, ipad κτλ καθώς δεν έχω κάποιο και δεν έχω βρει και κάποιο emulator. Αν κάποιος μπορεί να το δοκιμάσει θα το εκτιμούσα.

Συμπέρασμα 1: Το παραπάνω ναι μπορεί να δούλεψε τις περισσότερες φορές αλλά κάτω από διάφορες συνθήκες( όπως μικρά σκαλωματάκια ) δεν έκανε καμία ενέργεια. Λογικό καθώς τέτοιες λύσεις είναι .... πρόχειρες.

Συμπέρασμα 2: Δεν είναι λίγες οι σελίδες όπως το insomnia για παράδειγμα που σε πάνε απλά στο web. Μήπως εν τέλει δεν είναι καλή πρακτική το παραπάνω; Θα ήθελα μερικές γνώμες πριν το βάλω πετάξω στα site των πελατών μου.

Χρειαζόμουν κάτι τέτοιο ευχαριστώ.

Συνδέστε για να σχολιάσετε
Κοινοποίηση σε άλλες σελίδες
manolis940 Mentor

manolis940

Δημοσ.
  • Μέλος
Δημοσ.
5 ώρες πριν, prpantos είπε

Χρειαζόμουν κάτι τέτοιο ευχαριστώ.

Ελπίζω να σου δουλέψει.
Δεν βρήκα ακόμη χρόνο να το δοκιμάσω σε iOS. Αν το κάνεις ενημέρωσε με για τα αποτελέσματα. Thanks.

Συνδέστε για να σχολιάσετε
Κοινοποίηση σε άλλες σελίδες
prpantos Newbie

prpantos

Δημοσ.
Δημοσ.
Στις 1/3/2023 στις 8:59 ΜΜ, manolis940 είπε

Ελπίζω να σου δουλέψει.
Δεν βρήκα ακόμη χρόνο να το δοκιμάσω σε iOS. Αν το κάνεις ενημέρωσε με για τα αποτελέσματα. Thanks.

Για iOS δεν ξέρω καν πως θα το δοκιμάσω γιατί δεν ξέρω κανέναν με τέτοια συσκευή. Θα δω τι θα κάνω και θα σε πω...

  • Like 1
Συνδέστε για να σχολιάσετε
Κοινοποίηση σε άλλες σελίδες

Δημιουργήστε ένα λογαριασμό ή συνδεθείτε για να σχολιάσετε

Πρέπει να είστε μέλος για να αφήσετε σχόλιο

Δημιουργία λογαριασμού

Εγγραφείτε με νέο λογαριασμό στην κοινότητα μας. Είναι πανεύκολο!

Δημιουργία νέου λογαριασμού

Σύνδεση

Έχετε ήδη λογαριασμό; Συνδεθείτε εδώ.

Συνδεθείτε τώρα
 Share
Προς την λίστα θεμάτων
  • Δημιουργία νέου...