2009-05-01 11 views
9

में फेसबुक कनेक्ट बटन नहीं दिख रहा है फेसबुक कनेक्ट का मेरा कार्यान्वयन (बस एक साधारण लॉगिन बटन, एफबी: लॉगिन-बटन) फ़ायरफ़ॉक्स और आईई पर पूरी तरह से काम करता है।सफारी/क्रोम

लेकिन एक ही बटन सफारी/क्रोम (वेबकिट) में दिखाई नहीं दे रहा है।

यहां विडंबना है। मेरे डीबगिंग प्रयास में, मैंने पृष्ठ को सहेजा (जिसमें एफबी: लॉगिन-बटन) एक स्थिर पृष्ठ के रूप में ऊपर है और फिर इसे सफारी में लोड करें। और बटन दिखाता है, सब कुछ काम करता है!

मेरे PHP द्वारा प्रस्तुत सटीक उसी पृष्ठ (सटीक उसी HTML स्रोत के साथ) बटन को लाने का कोई तरीका नहीं है।

मैं यहां वेबकिट का समर्थन करने के लिए कड़ी मेहनत कर रहा हूं लेकिन मैं छोड़ने के करीब हूं। क्या कोई मदद कर सकता है?

+0

क्या आप अपना स्रोत कोड पोस्ट कर सकते हैं, या बेहतर अभी तक, लाइव उदाहरण के लिए एक लिंक पोस्ट कर सकते हैं? –

+0

निश्चित रूप से। गतिशील पेज - http://dev.hailer.my/main/fbconnect स्थैतिक पृष्ठ - http://dev.hailer.my/test_fb.html दोनों पेज एक ही कोड प्रदान की गई; और केवल स्थिर पृष्ठ वेबकिट में काम करता है। –

+0

मुझे एक ही समस्या है। क्या परीक्षण पृष्ठ अभी भी काम करता है यदि आप इसे "मुख्य" फ़ोल्डर में डालते हैं? – cole

उत्तर

1

यह ClickToFlash स्थापित होने के कारण हो सकता है। या तो इसे अक्षम करें, या ClickToFlash सेटिंग्स में "अदृश्य फ्लैश दृश्य स्वचालित रूप से लोड करें" की जांच करें।

0

यह तब हुआ जब मेरे पास configback/facebooker.yml में callback_url में गलत डोमेन था। स्पष्ट रूप से यह जेएस फाइलों को लोड करने के लिए उपयोग करता है।

0

मुझे एक ही समस्या थी, लेकिन मैंने यह सुनिश्चित करके इसे हल किया कि मेरी ऐप सेटिंग्स में यूआरएल मेरी साइट के लिए बिल्कुल वैसा ही था (यानी जब मैंने www के बिना अपनी साइट तक पहुंचा तो यह काम नहीं किया।)।

1

क्या हमें पता चला है कि सफारी (और शायद क्रोम या अन्य वेबकिट ब्राउज़रों के कुछ पुराने संस्करण) अपने पृष्ठ XHTML प्रतिक्रिया हेडर (आवेदन के साथ आता है, तो innerHTML जे एस समारोह का उपयोग कर फेसबुक के कोड के साथ एक समस्या है/xhtml + xml)। टेक्स्ट/एचटीएमएल का उपयोग इस मुद्दे को हल करता है।

<ui:composition xmlns="http://www.w3.org/1999/xhtml" 
    xmlns:fb="http://www.facebook.com/2008/fbml" 
    xmlns:f="http://java.sun.com/jsf/core"> 

... 

    <f:view contentType="text/html"> 
     <fb:login-button>Login using Facebook</fb:login-button> 
    </f:view> 

फेसबुक बग यहाँ रिपोर्ट::
http://bugs.developers.facebook.net/show_bug.cgi?id=5545

4

मैंने पाया

JSF2 है, जो हम उपयोग करते हैं, के मामले में लागू करने को ठीक इस तरह अमेरिकन प्लान बटन लपेटकर बहुत ही सरल है एक और तरीका यह हो सकता है (दोष-स्वयं के लिए बेवकूफ तरीका); यह संभवतः आम नहीं है, लेकिन घटना में किसी और को परेशानी बचाती है, यहां यह है:

यह लक्षण फेसबुक संसाधनों को अवरुद्ध करने वाले विभिन्न सुरक्षा उपकरणों के कारण भी हो सकता है।

मेरे मामले में, मैं क्रोम में प्लगइन के रूप में क्रोम में पहले से डिस्कनेक्ट कर दूंगा और इसे इंस्टॉल करने के बारे में भूल गया था। मेरे पास क्रोम की दूसरी स्थापना भी थी जो प्रतीत होता था (लेकिन फेसबुक डिस्कनेक्ट नहीं था)। पहला ठीक से एफबी लोड करेगा: लॉगिन-बटन, और दूसरा नहीं होगा; प्लगइन को देखने से पहले मुझे उम्र लग गई, क्योंकि फेसबुक डिस्कनेक्ट में कोई आइकन नहीं था और इसलिए मेरी उपस्थिति मुझे याद करने में काफी आसान थी।

यहां कुछ ऐसा है जो आप देखेंगे कि कुछ प्रकार की सुरक्षा प्लगइन फेसबुक संसाधनों को लोड होने से रोक रही है। बस डेवलपर टूल का उपयोग कर ब्राउज़र में प्रस्तुत करने वाले HTML को देखें।

एक सामान्य क्रोम सत्र में आप कुछ इस तरह से खत्म करेंगे:

<fb:login-button><a class="fb_button fb_button_medium"><span class="fb_button_text">Your text here</span></a></fb:login-button>

लेकिन फेसबुक के संसाधनों अक्षम साथ संस्करण में आप इस के साथ खत्म हो जाएगा:

<fb:login-button>Your text here</fb:login-button>

जैसा मैंने कहा, पीछे की ओर देखा गया है।

+0

+1 डिस्कनेक्ट एक्सटेंशन का उल्लेख करने के लिए +1। इसे समझने के लिए मुझे थोड़ी देर लग गई :-) –

1

मुझे फेसबुक बटन के साथ यह समस्या बिल्कुल दिखाई नहीं दे रही थी और यह मुझे यह जानने के लिए हमेशा के लिए ले गया कि यह क्या था। सौभाग्य से बाल खींचने के दिनों के बाद मैं अब सभी के साथ जवाब साझा करूंगा। मेरी स्थिति में मुझे बस xfbml सक्षम नहीं था। मेरी FB.init में मैं यह गलत पर सेट था:

FB.init({ 
     appId  : 'app_id', // App ID 
     status  : true, // check login status 
     cookie  : true, // enable cookies to allow the server to access the session 
     xfbml  : false, // parse XFBML 
     oauth  : true // enable OAuth 2.0 
    }); 

मैं "सच" (xfbml) को यह बदल गया है और लॉगिन बटन अब महान काम करता है! : पी शुभकामनाएं!

3

एक ही समस्या थी लेकिन यह प्लगइन या विकृत सामग्री जैसी किसी भी चीज़ से संबंधित नहीं थी। ऐसा लगता है कि अगर आप अपने फेसबुक पेज पर देश फ़िल्टरिंग सक्षम करते हैं तो इसे बटन की तरह एक समस्या है, यह काफी स्पष्ट होना चाहिए। फेसबुक को आपकी प्रोफ़ाइल से आपका स्थान मिलता है, न कि आपका आईपी पता।

यदि आप सामाजिक प्लगइन का उपयोग करने की योजना बनाते हैं तो देश लॉकिंग को अक्षम करना सुनिश्चित करें।

0

मैंने यहां हर सुझाए गए समाधान की कोशिश की है और यह मेरे लिए काम नहीं करता है। लेकिन अब मुझे अंततः समाधान मिला।

फेसबुक को अब कैनवास (सुरक्षित कैनवास यूआरएल) के लिए एक सुरक्षित (https) की आवश्यकता है। असुरक्षित व्यक्ति को जल्द ही हटा दिया जाएगा।

यहां मुख्य अंतर है, क्रोम को अवैध प्रमाणपत्रों के साथ https कनेक्शन पसंद नहीं हैं। लोकहोस्ट पर, यह संभावना है कि आपके पास स्थानीयहोस्ट के लिए https कनेक्शन की अनुमति देने के लिए इंस्टॉल किया गया है। फ़ायरफ़ॉक्स स्वयं निर्मित SSL प्रमाणपत्र के साथ ठीक है और उस साइट तक पहुंचने का प्रयास करते समय आपको अपवाद जोड़ने की अनुमति देता है। क्रोम इसे बॉक्स से बाहर नहीं जाने देता है।

enter image description here

जब मैं Chrome में अपनी एप्लिकेशन लोड पेज खाली है और मैं किसी भी प्रवेश बटन को देखने नहीं है।

F12 क्लिक करें और क्रोम में netwrok टैब पर क्लिक करें:

enter image description here

आप देखते हैं कि आपके स्थानीय होस्ट करने के लिए पोस्ट के अनुरोध को रद्द किया गया है। डबल क्लिक करें। आगे बढ़ना पर

enter image description here

क्लिक वैसे भी:

अब आप कि क्रोम प्रमाण पत्र की वजह से स्थानीय होस्ट ब्लॉक कर रहा है देखना होगा।

अब अपने अन्य टैब पर लेने और पृष्ठ पुनः लोड करने के लिए:

enter image description here

क्रोम अब फ़ायरफ़ॉक्स तरह काम करता है और प्रवेश बटन को दर्शाता है। enter image description here