"Uncaught SecurityError: Failed To Read The 'cookie' Property From 'Document': Cookies Are Disabled Inside 'data:' URLs." Flutter Webview
WebView(initialUrl:Uri.dataFromString(''+Some code,mi
Solution 1:
You can try my plugin flutter_inappwebview, which is a Flutter plugin that allows you to add inline WebViews or open an in-app browser window and has a lot of events, methods, and options to control WebViews.
In your case, you can use the initialData argument and set your custom HTML through the InAppWebViewInitialData.data attribute and set the InAppWebViewInitialData.baseUrl to http://localhost:
import 'dart:async';
import 'package:flutter/material.dart';
import 'package:flutter_inappwebview/flutter_inappwebview.dart';
Future main() async {
WidgetsFlutterBinding.ensureInitialized();
runApp(new MyApp());
}
class MyApp extends StatefulWidget {
@override
_MyAppState createState() => new _MyAppState();
}
class _MyAppState extends State<MyApp> {
InAppWebViewController webView;
String customHTML = "";
@override
void initState() {
super.initState();
}
@override
void dispose() {
super.dispose();
}
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: const Text('InAppWebView Example'),
),
body: Container(
child: Column(children: <Widget>[
Expanded(
child: InAppWebView(
initialData: InAppWebViewInitialData(data: """
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>InAppWebViewInitialDataTest</title>
<script type="text/javascript" src="https://cdn.embedly.com/widgets/platform.js"></script>
</head>
<body>
$customHTML
</body>
</html>
""", baseUrl: 'http://localhost'),
initialHeaders: {},
initialOptions: InAppWebViewGroupOptions(
crossPlatform: InAppWebViewOptions(
debuggingEnabled: true,
)
),
onWebViewCreated: (InAppWebViewController controller) {
webView = controller;
},
onLoadStart: (InAppWebViewController controller, String url) {
},
onLoadStop:(InAppWebViewController controller, String url) {
},
))
])),
),
);
}
}
Now you have access to document.cookie using JavaScript!
Another way is to put your HTML in an asset file (see the Load a file inside assets folder Section) and, then, you can use InAppLocalhostServer to start a local server to serve your HTML file with your script.
Post a Comment for ""Uncaught SecurityError: Failed To Read The 'cookie' Property From 'Document': Cookies Are Disabled Inside 'data:' URLs." Flutter Webview"