离子显示网页

Posted 2023-03-13

【中文标题】离子显示网页

【英文标题】：Ionic display webpage

【发布时间】：2019-01-29 09:11:00

【问题描述】：

我正在创建一个类似应用程序的社交媒体，我需要在标签中显示我的 facebook 和 twitter 提要页面，我在使用 InAppBrowser 插件时遇到的问题，它将整个网站作为一个页面打开，而不是我需要它在里面用户切换到它时的选项卡。

我的html代码：

<ion-toolbar no-border-bottom>
<ion-segment [(ngModel)]="trendingSection">
  <ion-segment-button value="facebook" (ionSelect)="segmentChanged($event)">
    Facebook
  </ion-segment-button>
  <ion-segment-button value="twitter" (ionSelect)="segmentChanged($event)">
    Twitter
  </ion-segment-button>

.ts 代码：

ionViewDidLoad() 
this.openWebPage();


openWebPage() 
const options: InAppBrowserOptions = 
  zoom: "no"
;

//Opening a URL and returning an InAppBrowserObject
const browser = this.inAppBrowser.create(this.url, "blank", options);

我该怎么办？

【参考方案1】：

inappbrowser 无法实现您的目的，除非重写本机代码。

另外，你不能使用像 iframe 这样的嵌入方式。因为 'facebook' 页面不允许在 iframe 中呈现。

那么，只有一种方法可以让您从 facebook 获取信息。是使用facebook的官方api。请访问this link。您可以获取有关如何使用 facebook api 的信息。此 api 允许您获取您的提要的 数据（通常是 json）。您可以按自己的方式渲染数据。

就 twitter 而言，我认为它类似于 facebook。

【讨论】：

谢谢，我将不得不使用 graph-api 和类似的 twitter 集成