Twitter 意圖鏈接在頁面上不起作用，但它在開發工具中起作用

Question

當我點擊頁面上的鏈接時，我收到以下錯誤： twitter.com 被阻止 twitter.com 拒絕連接 ERR_BLOCKED_BY_RESPONSE

我使用以下代碼將鏈接添加到頁面：

  function getQuote() {
    let newQuote = randomQuote().q;
    let newAuthor = randomQuote().a;
  
    let tweetURL = 'https://twitter.com/intent/tweet?hashtags=quotes&text=';
    tweetURL = tweetURL + encodeURIComponent(newQuote + ' ' + newAuthor);
  
    $('#text').text(newQuote);
    $('#author').text(newAuthor);
    $('#tweet-quote').attr('href', tweetURL);
  
  }

如果我在 chrome 中打開開發人員工具，我可以點擊標簽中的鏈接，它工作得很好。

為什么它在頁面上不起作用？

Answer 1

我的 React 代碼也有同樣的問題。 我還將目標屬性設置為“_blank”。 閱讀下面的帖子，將其更改為“_top”，推文按鈕開始在我的 chrome 瀏覽器上工作。

https://github.com/freeCodeCamp/freeCodeCamp/issues/40089