更改Firebase联合登录按钮中的文本

Question

使用Firebase时是否可以更改社交登录按钮中的文本？

当我在注册过程中使用Firebase身份验证为用户创建帐户时，我想将文本从“使用Google登录”更改为“使用Google登录”。

Answer 1

不是，但是您始终可以创建自定义按钮。

Answer 2

通过这种方式加载应用程序后，我设法使用 querySelectorAll 对其进行了更改。要么 按照此链接：https://developers.google.com/identity/sign-in/web/build-button

window.addEventListener('load', initApp);

setTimeout(function () {
      document.querySelectorAll('[data-provider-id="google.com"] >span')[1].innerText = 'Entrar con Google'
      document.querySelectorAll('[data-provider-id="facebook.com"] >span')[1].innerText = 'Entrar con Facebook'
      document.querySelectorAll('[data-provider-id="password"] >span')[1].innerText = 'Entrar con Email'
    }, 400)

Answer 3

您可以使用fullLabel

{
    provider: firebase.auth.FacebookAuthProvider.PROVIDER_ID,
    fullLabel: 'Sign up with Facebook'
},
{
    provider: firebase.auth.GoogleAuthProvider.PROVIDER_ID,
    fullLabel: 'Sign up with Google'
},