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

manolis940 · 24 Οκτωβρίου 2022

Καλησπέρα. Σε 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 · 26 Οκτωβρίου 2022

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

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

Επεξ/σία 26 Οκτωβρίου 2022 από vngls7

manolis940 · 7 Φεβρουαρίου 2023

Το άφησα για καιρό το 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. Αν βλέπετε αυτό το μήνυμα σημαίνει ότι τα κατάφερα

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

https://jsfiddle.net/xd3fasuj/

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

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

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

Επεξ/σία 7 Φεβρουαρίου 2023 από manolis940

prpantos · 1 Μαρτίου 2023

Στις 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. Αν βλέπετε αυτό το μήνυμα σημαίνει ότι τα κατάφερα

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

https://jsfiddle.net/xd3fasuj/

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

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

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

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

manolis940 · 1 Μαρτίου 2023

5 ώρες πριν, prpantos είπε

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

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

prpantos · 4 Μαρτίου 2023

Στις 1/3/2023 στις 8:59 ΜΜ, manolis940 είπε

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

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

Σύνδεση

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

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

manolis940

vngls7

manolis940

prpantos

manolis940

prpantos

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

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

Σύνδεση

Σύνδεση