在Safari浏览器上反应Firebase window.print()不会运行

问题描述 投票:0回答:1

我正在使用firebase并为创建用户可打印页面的应用程序创建react应用程序。这是复制问题所需的全部代码。在Chrome上一切正常。我更新了所有npm依赖项和firebase工具,但没有解决问题。

我认为问题出在Firebase上,因为我可以通过基本的提取api调用获取数据,并且可以正常工作。

firebaseIndex.js文件是:

import firebase from 'firebase/app'
import 'firebase/firestore'
import 'firebase/auth'

const firebaseConfig = {
  apiKey: "FIREBASE_API_KEY",
  authDomain: "fakedomain",
  databaseURL: "https://appName.firebaseio.com",
  projectId: "appName",
  storageBucket: "appName.appspot.com",
  messagingSenderId: ...,
  appId: ...,
  measurementId: ...
}

firebase.initializeApp(firebaseConfig)

index.js文件是:

import React, { useEffect } from 'react'
import ReactDOM from 'react-dom'
import * as serviceWorker from './serviceWorker'
import firebase from './firebaseIndex.js'
function App() {

  useEffect(() => {
    firebase.firestore().collection("users").doc("user123").get().then(doc => {
      console.log("anything")
    })
  },[])

  return (
    <div className="App">
      <button onClick={e => window.print()}>Print</button>
    </div>
  )
}

ReactDOM.render(
  <App />
  , document.getElementById('root'))
serviceWorker.unregister()

HTML文件是:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <!-- <link rel="icon" href="%PUBLIC_URL%/favicon.ico" /> -->
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#000000" />
    <meta
      name="description"
      content="this is a web app"
    />
    <!-- <link rel="apple-touch-icon" href="logo192.png" /> -->
    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
    <title>App</title>
  </head>
  <body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"></div>
<!--     <script src="/__/firebase/7.5.2/firebase-app.js"></script>

    <script src="/__/firebase/7.5.2/firebase-analytics.js"></script>
    <script src="/__/firebase/init.js"></script> -->
  </body>
</html>

非常感谢您的帮助。 window.print()曾经在该应用程序中进行过Safari的工作,但我只是注意到它不再起作用了。我正在iPhone 6上使用IOS 13.3.1。也许这是新ios更新的错误?即使有人可以指引我向野生动物园或火力发电厂报告错误或做出回应,这也很棒

javascript ios reactjs firebase safari
1个回答
0
投票

开始删除不必要的代码,看看是否能找到错字/语法错误。

© www.soinside.com 2019 - 2024. All rights reserved.